2015-09-07 95 views
-1

由於某些原因,Twitter按鈕在我的網站上無法正常工作。Twitter內嵌按鈕只顯示爲鏈接

「關注」按鈕或推文按鈕無法正常顯示。相反,他們只是顯示爲標準的href鏈接。

下面是一個例子:

http://www.homestudiocenter.com/twitter-follow-test/

我可以清楚地看到,該班已經參考:

<a class="twitter-follow-button" href="https://twitter.com/RobMayzes" data-size="large">Follow @RobMayzes</a> 

這裏是鳴叫按鈕的代碼,這也清楚地顯示in page source:

<a class="twitter-share-button" 
    href="https://twitter.com/intent/tweet"> 
Tweet</a> 

已經嘗試了一切!

+0

需要由Twitter提供創建按鈕'script'代碼。在下面檢查我的答案。 –

回答

0

您可以使用此代碼來代替:

<a href="https://twitter.com/RobMayzes" class="twitter-follow-button" data-show-count="false">Follow @RobMayzes</a> 

<a class="twitter-share-button" href="https://twitter.com/intent/tweet">Tweet</a> 

<script> 
    ! function(d, s, id) { 
     var js, fjs = d.getElementsByTagName(s)[0], 
      p = /^http:/.test(d.location) ? 'http' : 'https'; 
     if (!d.getElementById(id)) { 
      js = d.createElement(s); 
      js.id = id; 
      js.src = p + '://platform.twitter.com/widgets.js'; 
      fjs.parentNode.insertBefore(js, fjs); 
     } 
    }(document, 'script', 'twitter-wjs'); 
</script> 

上述腳本是強制性的,以顯示正確的按鈕。

這裏的小提琴:

https://jsfiddle.net/tusharkhatiwada/cxakLpaw/