函数未在页面加载时绑定

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 */
});