2015-09-07 90 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/