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:

我的关键问题是我的 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 很陌生，所以欢迎任何建议。谢谢。

4

2 回答 2

1

对于推特，您需要：

twttr.widgets.load()

见：https ://dev.twitter.com/discussions/890

对于脸书，您需要：

FB.XFBML.parse();

请参阅：https ://developers.facebook.com/docs/reference/javascript/FB.XFBML.parse/

这可以在动态呈现的按钮下方调用。

onAfterPageLoad 用于调用函数，如果使用它，请小心调用它：

onAfterPageLoad: functionName

不是

onAfterPageLoad: functionName()

但是对于 fb/twitter 按钮的问题，我认为您最好将代码直接放在按钮下方。

于 2013-07-04T09:54:28.973 回答
0

您通常希望将所有代码放在一个函数中，该函数在页面的 DOM 完成构建后调用。在 jQuery 中，您可以使用以下ready函数执行此操作：

<script type="text/javascript">
    $(document).ready(function() {
        $('.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>

facebook 和 twitter 已经这样做了，大多数其他已经开发供网络上的任何人使用的库也是如此，所以你通常只需要确保你自己的脚本在 HTML 源代码完成之前不会启动解析到足以构建初始元素树（“DOMContentLoaed”事件）。

于 2013-06-02T12:54:21.120 回答