JS加載的Twitter分享按鈕無法正確呈現

在我的Rails應用中，我有一個「無限頁面」，用於在向下滾動時加載更多博客文章。在每篇博文中，都有一個Twitter分享按鈕。首次加載頁面時，所有「摺疊式」共享按鈕的加載效果都很好;該按鈕正常顯示，並且當您單擊該按鈕時，會出現推文的自定義文本。JS加載的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");

來源

2012-04-16 bevanb

你動態造型這些鏈接，或靜態CSS？ – jimw 2012-04-16 21:37:37

它獲取Twitter JS的樣式。所有的按鈕代碼都在上面，粘貼從Twitter的建設者。我添加的唯一東西是'data-text'中的haml ruby標籤。我並不是在我的css中重寫'.twitter-share-button'或者設計它。 – bevanb 2012-04-16 21:48:32

據Twitter稱，你不想這樣做：https：//dev.twitter.com/docs/tweet-button/faq#multiple-buttons。如果網頁上已經有一個推特框，那麼代碼就不會做任何事情，所以後續的調用將不會執行任何操作。 – jimw 2012-04-16 21:56:54

據https://dev.twitter.com/discussions/6860，到多個Twitter按鈕，動態地添加到頁面，您需要使用：

twttr.render();

將每組按鈕後。該功能將呈現頁面上當前的所有按鈕。

來源

2012-04-16 22:15:27 jimw

更新：使用更新的API，它應該是

twttr.widgets.load()

來源

2012-05-18 09:35:52 Epuri

JS加載的Twitter分享按鈕無法正確呈現

回答

相關問題