Question

我使用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按钮根本就没有显示出来。但是在初始页面上它们没有问题。

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

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

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

<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很新，所以欢迎任何建议。感谢。

无限滚动不重新加载jquery脚本，如facebook和twitter

0 个答案: