2012-01-30 82 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按钮的问题。