javascript - 页面加载时未绑定功能

Question

我试图避免在提交表单后刷新我的页面。为了做到这一点，我已添加到我的 javascript 部分

$("body").on('click',"#register",new_user_pop);
$("body").on('click',"#screen",pop_out);
$("body").on('click',"#new-user",pop_registration);

$('form[name=new-user-form]').on('submit',function(event) {
    event.preventDefault();    
    alert("Not refreshing");

该功能正常工作，因为为了调试它，我从 Chrome 的开发人员工具将它粘贴到终端上，它开始工作。但是由于某种原因，我不知道它不起作用，它一开始就没有负载。前面的函数 $("body").on('click')... 工作正常。

Answer 1

确保您的代码在您定义了要将事件附加到的 HTML 元素之后运行。

您可以通过将脚本放在所需的 HTML 位下方来执行此操作。

或者，您可以将代码包装在 onready/load 回调中：

$(document).ready(function () {
    /* code goes here */
});