2012-01-30 258 views
4

我想添加一個推按鈕的HTML頁面,我用的是官方的代碼來自Twitter的按鈕生成, http://twitter.com/about/resources/buttons#tweet鳴叫按鈕不會出現

當我測試的Chrome和Firefox的網頁按鈕沒有出現,只有一個帶下劃線的文本說:「分享Tweet」

這裏是代碼:

<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    </head> 
    <body> 
    <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.3eesho.com/magazine/index.html" data-text="issue2 now" data-via="3eesho" data-hashtags="ipad,health,arabicmagazine">Tweet</a> 
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> 
    </body> 
</html> 
+1

該代碼的小提琴按預期工作 – fcalderan 2012-01-30 08:48:41

+0

幾天前,我正在處理一個問題,其中一個正式的twitter按鈕正在做時髦的事情,並將iframe與其他奇怪的元素放在一起來創建按鈕。確保你沒有任何css規則可能會搞砸了,你的網站的現場演示會很酷...... – lpd 2012-01-30 08:54:44

回答

0

見你的代碼 Action here因爲我只是測試它工作正常,在Firefox,Chrome和IE。

查看下面的截圖,在IE 8,Firefox 9,Chrome 16中的代碼性能。它按預期工作。

Screenshot for the code above http://i40.tinypic.com/4jss8w.jpg

+0

謝謝Bala.C,我想在本地html頁面中使用它來將它插入到ipad應用程序,但首先我必須讓它在頁面中工作, – lama 2012-01-30 09:38:31

+0

謝謝,是的,當我在html實時編輯器中測試代碼時,它工作正常,但我只是無法看到它,當我打開HTML頁面瀏覽器!我只是看到文字「tweet」 – lama 2012-01-30 09:55:04

+0

@lama看看上面的截圖,即使在瀏覽器中也能正常工作,就像我之前說過的那樣。如果它不適合你,那麼你的瀏覽器設置可能會出現一些CSS衝突或問題。 – 2012-01-30 10:18:27

0

你的代碼是正確的。如果你看不到按鈕,這意味着你無法訪問twitter.com。

確保您可以通過您的瀏覽器正常訪問twitter.com,並且您的公司,防火牆,家長控制等不會以任何方式阻止訪問或干擾它。

+0

我可以正常打開twitter併發送推文。 – lama 2012-01-30 10:11:10

+1

的問題是在這部分 我加'的https 「//platform.twitter.com/widgets.js」:' 我不知道爲什麼,這的確與衆不同!但按鈕現在工作! 謝謝大家! – lama 2012-01-30 11:24:12

+0

@lama +1爲您的迴應和責任,以您的解決方案進行更新:) – 2012-01-30 12:07:23

4

我有這個相同的問題,它驅使我瘋狂,直到我縮小到cookie可能被阻止。我從https://disconnect.me/運行一個名爲「Disconnect」的附加組件。一旦我禁用了這個插件並重新啓動瀏覽器,Tweet按鈕又開始工作。

所以,如果您使用該插件或任何其他人來阻止Cookie或阻止您被社交網站跟蹤,那麼如果您想查看推文按鈕,則需要將其禁用。

0

我剛剛注意到我複製了@ jcaruso的回覆。


tl; dr;

嘗試禁用廣告攔截擴展程序。對我來說,這個問題是由disconnect.me擴展引起的。


我是怎麼發現的?我注意到在chrome dev控制檯中,要求加載widgets.js的請求獲得307重定向到about:blank

about:blank for Twitter js

感謝that答案,我想通了,它是由擴展之一造成的。禁用disconnect.me擴展可解決我的頁面和其他頁面上的twitter和facebook按鈕的問題。