Как быть если содержимое скрипта рекламы загружается позже скрипта даже с document .ready?

Question

[Senseich]

Всем привет! Такая проблемка, есть блок рекламы <div class="wrap_adv"></div> в котором скрипт выполняется сразу. И в самом низу страницы у меня ещё скрипт, который выполняется после загрузки страницы, он добавляет класс, если высота блока, больше нуля (таким образом я проверяю, что реклама там появилась и заняла какую то высоту)

$( document ).ready(function() { 
 var wrap = $('.wrap_adv'),
        wrapH = wrap.height(),       
    if(wrapH > 0) wrap.addClass('m20');
});

Но почему то это не срабатывает, видимо потому что данный скрипт всё равно срабатывает быстрее чем появиться реклама в блоке, не смотря на то что он в самом низу и document .ready. Как сделать, не пойму?
Т.е. он постоянно показывает в консоле что высота ноль

Answer 1

[DevMan]

повесь выполнение скрипта позднее через settimeout.

Comments

[Senseich]

DevMan, как вариант, а почему переменные ранее объявленные не работают в этой функции:

$(function() {
var wrap = $('.wrap_adv'),
wrapH = wrap.height();

setTimeout(function () {
if(wrapH > 0) wrap.addClass('m20');
},2000);
})

Answer 2

[Exploding]

Реклама ваша скорее всего грузится асинхронно и естественно обработчик .ready не дожидается выполнения рекламного скрипта.
Почитайте про defer и async атрибуты тега script. При их правильном использовании, все должно работать как надо.

Comments

[Senseich]

Единственное эти атрибуты для внешних скриптов, т.е. нужно второй скрипт тоже делать внешним

[Exploding]

Senseich, файликом больше, файликом меньше))