首页 文章

无法弄清楚如何绑定jQuery事件

提问于
浏览
0

所以我在这里有一个页面: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 .

我究竟做错了什么?

1 回答

  • 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);
    
    });
    

相关问题