Jquery事件仅在文档就绪时起作用

Question

我用.net MVC 3开始一个小小的web项目.我的问题:我包括了Jquery 1.8.3.js. 但是我的函数在javascript文件中不起作用:

这不起作用:

$(document).ready(function() {
    $('input:button').button();
});

$('#testbut').on('click', function (event, ui) {

    alert("CLICK");

});

这仍然工作正常:

$(document).ready(function() {
    $('input:button').button();

    $('#testbut').on('click', function (event, ui) {

    alert("CLICK");

    });
});

我不知道为什么.

包含是正确的顺序.

Answer 1

第一个示例失败,因为正在加载页面时正在执行代码,并且尚未加载它引用的元素.这也是第二个例子确实有效的原因.

通过将代码放在文档就绪块中,它会暂停执行它直到页面加载完毕.