AJAX POST动态渲染的#see_more_comments按钮点击失效求助

该问题属于jQuery动态元素事件绑定失效的典型场景，根因是：
原有针对#see_more_comments的点击事件绑定逻辑，仅在页面初始加载时执行一次，绑定对象是当时DOM中已存在的按钮元素。后续每10秒轮询拉取内容时，.user__comments__container的HTML被全量替换，原有按钮节点被销毁，新生成的同ID按钮未经过事件绑定流程，因此点击无任何响应。

• 检查原有事件绑定写法：若使用的是$('#see_more_comments').click(function(){...})、$('#see_more_comments').on('click', function(){...})这类直接绑定方式，即可确认是上述根因导致。
• 确认DOM替换逻辑：若轮询回调中直接对.user__comments__container调用.html()方法替换全量内容，会清空容器内所有原有节点，新生成的按钮不会继承旧节点的事件绑定，与描述现象完全匹配。
• 排除ID重复问题：检查接口返回的HTML中，#see_more_comments的ID未在页面其他位置重复声明，避免DOM匹配错误（该场景下概率较低，可作为兜底排查项）。

• 改用事件委托绑定点击事件，将事件绑定在不会被AJAX替换的静态父级元素（即.user__comments__container）上，示例代码：

  // 绑定在常驻的评论容器上，自动匹配内部动态生成的#see_more_comments按钮
  $('.user__comments__container').on('click', '#see_more_comments', function(e) {
      // 原有点击逻辑：累加已展示评论数、调用seemorecomments-aload.php追加更多评论
      console.log('按钮点击已触发');
  });
  

  该写法的原理是：事件绑定在常驻的父容器上，点击事件冒泡时会自动匹配内部符合选择器的元素，无论元素是初始存在还是后续动态生成，都能正常触发回调。
• 若.user__comments__container本身也会被AJAX全量替换，可将事件委托绑定在更上层、绝对不会被销毁的静态页面容器上（尽量选择离目标元素更近的父级，优化事件匹配性能）。
• 注意不要在每次轮询的回调函数中重复执行事件绑定代码，否则会出现单次点击触发多次回调的问题，事件绑定代码仅需在页面初始加载时执行一次。
• 优化轮询逻辑：替换全量HTML时可对比新旧评论的差异，仅追加新增的评论节点，避免不必要的DOM销毁重建，减少动态绑定类问题的出现概率。

内容的提问来源于stack exchange，提问作者Dann carlo Reformado