javascript - 某些部分未加载到 ajax 请求的页面上

Question

我建立了这个网站： http: //newslist.ca/

最近，我对其进行了更改，因此当您从下拉菜单中选择不同的内容时，页面会立即使用新的提要进行更新。但我注意到应该根据新内容加载的所有内容都不会加载。主要是：分享按钮，每篇文章的评论数？

我做错了什么，我该如何解决？

$('.ajax').change(function() {
  var url = "/?cat=" + $("select option:selected")[0].label + "&loc=" + $("select option:selected")[1].label + "&sort=" + $("select option:selected")[2].label;
  console.log(url);

  $.get(url, function (data) {
    $('body').empty();
    $('body').append(data);
  })
});

Answer 1

当您完全刷新页面内容时，社交媒体图标不会加载，因为它们是通过等待文档正文完成加载并触发事件的 JavaScript 插入的。我的想法是您的评论计数方法正在使用类似的方法。Xymotech 上面关于使用 Ajax 将少量数据加载到页面而不是整个页面内容的评论是正确的；如果您决定重新访问 Ajax 方法，您很可能希望将评论计数加载为每个项目的数据并保留共享工具（即不要重新加载它们）。