0

在我的 Rails 应用程序中，我有一个“无限页面”，当您向下滚动时会加载更多博客文章。在每篇博文上，都有一个 Twitter 分享按钮。首次加载页面时，所有“首屏”共享按钮都加载得很好；该按钮正确显示，当您单击它时，将显示推文的自定义文本。

但是，向下滚动时加载的共享按钮不起作用。当您向下滚动并加载更多博客文章时，共享按钮会失去其样式（变成纯链接），并且自定义文本功能也会消失（当您单击它时，它会打开一个空白的 Twitter 窗口，没有自定义文本）。

即使我在每个按钮下加载了所有 twitter JS，它仍然无法正常工作。这是我的按钮代码：

    %a.twitter-share-button{"data-count" => "none", "data-text" => "#{post.title} (My new blog post!)", "data-url" => "http://www.example.com", :href => "https://twitter.com/share"} Tweet
    :javascript
        !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="http://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
4

2 回答 2

3

根据https://dev.twitter.com/discussions/6860，要将多个 Twitter 按钮动态添加到页面，您需要使用：

twttr.render();

添加每组按钮后。此函数将呈现页面上当前的所有按钮。

于 2012-04-16T22:15:27.983 回答
1

更新：使用更新的 API，它应该是

twttr.widgets.load()
于 2012-05-18T09:35:52.620 回答