私の 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");