Cant выяснить, как связать событие JQuery

Question

Так у меня есть страница здесь: http://8wayrun.tv/

Его есть JS файл здесь:

/** @param {jQuery} $ jQuery Object */ 
!function($, window, document, _undefined) 
{ 
    $('#headbar').load(function($form) 
    { 
     $(this).addClass("test"); 
    }); 
} 
(jQuery, this, document); 

Сво относительно простой файл JS; все его выполнение привязывается к элементу #headbar и добавляет класс test. Однако по какой-то причине он не добавляет класс к #headbar.

Что я делаю неправильно?

Answer 1

Этот элемент еще не существует, когда ваш JavaScript работает. Вы должны поместить свой DOM-манипуляционный код в обратный вызов $(document).ready.

$(document).ready(function() { 

    /** @param {jQuery} $ jQuery Object */ 
    !function($, window, document, _undefined) 
    { 
    $('#headbar').load(function($form) 
    { 
     $(this).addClass("test"); 
    }); 
    } 
    (jQuery, this, document); 

});