Question

我正在使用AJAX来请求我的页面的子部分。以下是所请求内容的示例：

<div id="NewContentAfterPageLoad">
   <form>
     ...
     <input id="clickMe" type="submit" form="aForm" value="submit">
   </form>
</div>

<script>
   $(document).ready(function(){ 
      $('#clickMe').on('click', '#clickMe', function(e) {
         alert();
      });
   });
</script>

因此页面加载时不会显示此内容。

即使我正在使用委托，添加像这样的jQuery也不起作用。

这是否意味着任何jQuery必须在页面加载时出现以供浏览器阅读？

是否有动态加载jQuery的解决方法？

Answer 1

您需要将事件附加到不会动态更改的元素。您也可以将其与$('body')或$(document)。：

一起使用

  $('body').on('click', '#clickMe', function(e) {
     alert('test');
  });

在使用AJAX加载新内容后添加一些jQuery

1 个答案: