使用包含的js文件

Question

我在触发表单提交时遇到问题。我使用页眉标题中包含的js文件将表单设置为<div id="access"></div> innerHTML。作为：

<div id="access">
    <form method="post" id="acc">
        <input type="text">
        <input type="submit">
    </form>
</div>

表单提交是在标题中包含的js文件中实现的，但是它们没有监听我的提交函数，它实现为：

$('#acc').submit(function(){
  alert("dsds");
  return false;
});

相同的js函数也无法在同一个文件中运行。我怎样才能听到上述lead_form提交？

Answer 1

这是因为jQuery的选择器只对运行时页面上存在的元素起作用。

相反，请使用jQuery.on（）函数。

$('#access').on('submit', '#acc', function() { /* Your code here. */ });

编辑有一些说明：'#access'在运行时存在，因此您可以将事件绑定到它，然后引用它的子元素'#acc'。请记住，尽管使用$（'＃access'）选择器，匿名函数中'this'的上下文将引用'#acc'而不是'#access'。