Jquery 事件仅在文档就绪时工作

Question

我用 .net MVC 3 启动了一个小型网络项目。我的问题:我包括了 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

第一个示例失败，因为代码正在加载页面时执行，而它引用的元素尚未加载。这也是第二个示例有效的原因。

通过将代码放在文档就绪 block 中，它会推迟执行代码，直到页面加载为止。