0

我使用 jquery 插件进行无限滚动，除了需要运行的客户端脚本外，它工作得很好。

我的无限滚动脚本是：

<script type="text/javascript">
    $('.infinite-container').waypoint('infinite', {
      container: 'auto',
      items: '.infinite-item',
      more: '.infinite-more-link',
      offset: 'bottom-in-view',
      loadingClass: 'infinite-loading',
      onBeforePageLoad: $.noop,
      onAfterPageLoad: $.noop
    });
</script>

航点网站说的是onAfterPageLoad：

在新页面项目加载并附加到容器后执行的函数。

onAfterPageLoad:

我的关键问题是我的 twitter 和 facebook 按钮没有加载。我所看到的只是“twitter”这个词，而 facebook 按钮根本不显示。但是在初始页面上，他们加载没有问题。

我也有一个不工作的粘性元素。它适用于初始页面加载，但不适用于无限滚动页面加载。

似乎我在新页面上的任何脚本都没有被触发。事实上，当我查看已更新（无限滚动）页面的源代码时，我看不到任何 's.

我不知何故需要再次加载这三个脚本：

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=***********";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<script>
    $(document).ready(function() {
        $('.container').stickem();
    });
</script>

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

我对 javascript/jquery 很陌生，所以欢迎任何建议。谢谢。

4

0 回答 0