Удаление элемента DOM из элемента, который создается внешним скриптом

Question

Внутри страницы у меня есть сторонний рекламный контент, который создается внешним скриптом. Этот контент занимает немного времени, чтобы загрузить. Я хотел бы удалить разрыв строки из рекламного контента - для этого нужно подождать, пока загрузится внешний скрипт, и все функции, вызываемые внутри этого скрипта, перестали работать. Я возился со следующей идеей, но я предполагаю, что это только ждет, пока не будет загружен внешний скрипт:

$.getScript("http://www.external_site.com/widget.js").done(function(data, textStatus, jqxhr) { 
    $('.result').find('br').remove(); 
}); 

Какой самый лучший способ ждать, пока внешний скрипт не выполняет всех своих DOM манипуляций, перед вызовом .remove()?

Answer 1

Один из подходов, похоже, прислушивается к событиям onreadystatechange и load, которые запускаются из вновь созданных и вставленных элементов <script>, в которых выполняется JavaScript.

Это работает в связанном (простой) демо, но я не могу подтвердить его надежности для крупных проектов:

// listening for the onreadystatechange and/or load 
// events fired from the newly-added "script" elements: 
$('script').on('onreadystatechange load', function (e) { 
    // performs the following simple/contrived functionality: 
    $('body').find('br').remove(); 
}); 

JS Fiddle demo.

Ссылки:

• JavaScript:
  • readystatechange event.
• JS Fiddle:
  • Echo JavaScript File and XHR requests.
• JQuery:
  • jQuery.getScript().