分享推文时会打开两个弹出窗口?

时间:2014-01-13 07:13:59

标签: javascript html api twitter popup

我正在使用一个按钮,让访问者发布推文。我使用以下代码:

<li class="ft-stwitter">
      <a rel="nofollow" target="_blank" href="https://twitter.com/intent/tweet?url=http://www.mywebebsite.com/the-url/&amp;text=Blog Title" onclick="javascript:window.open(this.href,
      '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;">
        <i class="icon-twitter"></i> Share on Twitter
      </a>
  </li>

工作正常。 在同一页面上,我也是官方T​​witter关注按钮。代码如下:

<a href="https://twitter.com/cracked" class="twitter-follow-button" data-show-count="false" data-show-screen-name='false' data-lang="en">Follow @Storypicker</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>

现在,当我点击&#34;在Twitter上分享&#34;链接,两个弹出窗口打开。我该如何解决?我究竟做错了什么?请指导我。 :(

问题在于:http://jsfiddle.net/zk79C/2/

更新

问题是一个错误,但它被标记为已修复。 https://dev.twitter.com/issues/191

3 个答案:

答案 0 :(得分:4)

好的,我自己解决了。 这是解决方案:

<li class="ft-stwitter">
      <a rel="nofollow" target="_blank" href="https://twitter.com/intent/tweet?url=http://www.mywebebsite.com/the-url/&amp;text=Blog Title">
        <i class="icon-twitter"></i> Share on Twitter
      </a>
  </li>

不需要onclick。

答案 1 :(得分:1)

在href中,替换

https://github.com/angular/angular-cli/issues/1512#issuecomment-254262959

通过

https://twitter.com/intent/tweet

这解决了我的问题。似乎第一个url正在调用一个打开第二个弹出窗口的脚本。但奇怪的是,这只发生在Firefox(当前的v51.0.1)中。

https://twitter.com/share

答案 2 :(得分:0)

您的链接会打开一个新窗口,然后javascript也会这样做。

显示浏览器中显示的HTML,而不是服务器代码