在我的 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");
最佳答案
根据https://dev.twitter.com/discussions/6860 ,要动态向页面添加多个 Twitter 按钮,您需要使用:
twttr.render();
添加每组按钮后。此函数将渲染当前页面上的所有按钮。
关于javascript - JS 加载的 Twitter 分享按钮无法正确呈现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10182047/