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 に答える