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 插入的。我的想法是您的评论计数方法使用的是类似的方法。 Xymostech 上面关于使用 Ajax 将少量数据而不是整个页面内容加载到页面中的评论是正确的；如果您决定重新访问 Ajax 方法，您很可能希望将评论计数作为每个项目的数据加载并保留共享工具(即不要重新加载它们)。