Javascript jQueryAjax下一页将不会加载

我有index.html，其中有导航菜单、页眉、页脚和div.content，jQuery在其中解析page1.html的html

page1.html加载很好，但当我将函数添加到.nextPage2以加载page2.html时，它就不起作用了

page1.html没有标题、正文和脚本

$document.ready=>{ //阿贾克斯 $.ajax{ url:'page1.html'， 数据类型：html， 成功：结果{ $'.content'.htmlresult； }}; $.nextPage2。单击=>{ $.content.html； $.ajax{ url:'page2.html'， 数据类型：html， 成功：结果{ $'.content'.htmlresult； }}; } //阿贾克斯 页 页 页 一堆没有头、脚本、正文等的代码 第2页 -> 就像@Justinas说的，你需要

---

请为菜单显示您的HTML。我们无法知道您是否正确设置了该菜单。您是否有机会在通过ajax加载文件时替换所有菜单以及主要内容？这将导致HTML元素被替换，并且jQuery事件不会自动绑定到其替换项。@ADyson Post已编辑。我仅将内容转换为div.content如果.nextPage2是动态加载的，那么您需要$document。单击，.nextPage2，=>因为您无法在动态元素上绑定事件扫描您显示工作的完整实现使用justinas逻辑来解决问题正确，但如果您解释了为什么需要这样做，它将帮助所有人雅莉，读一下问题，就可以了WHY@Justinas解释如果.nextPage2是动态加载的，那么您需要$document.on'click'，.nextPage2，=>因为您不能在动态元素上绑定事件。我认为这并不能完全解释这一点。不能在动态元素上绑定不是真的……您可以，但您必须以某种方式使用.onanation应该是您必须使用的原因。在并解释语法-绑定到更高级别元素（如文档）的意义，以及为什么真正的选择器作为参数传递。也许您可以引用链接到的文档，它有一个关于委托事件的部分。此外，不要依赖其他人的评论-添加在你的答案中加入解释，所以它本身就是一个完整的答案。不过，标记的重复类型已经解释了它，所以也许你不必费心了。

$(document).on("click",".nextPage2",()=>{
  $(".content").html("");
  $.ajax({
    url: 'page2.html',
    dataType: "html",
    success: function(result){
    $('.content').html(result);
  }});
})