2

我有一个链接（在 Font Awesome 图标上），如下所示：

<a href="https://twitter.com/intent/tweet?text=Some text about this link&amp;url=http://some.site.co/wow/greatamp;via=toby1kenobi">
    <span class="fa fa-twitter-square"></span>
</a>

我在此页面上的“有限依赖项”下使用 Javascript 片段，这就在链接之后。这是页面上唯一的网络意图。

如果我单击链接，Twitter 弹出窗口将打开，原始页面导航到弹出窗口中显示的相同内容。

我无法弄清楚我做错了什么 - 如果我将另一个事件附加到链接并调用 preventDefault()，这将停止重复，但我认为这不应该是必要的。

编辑 这是 Twitter 的代码：

(function() {
  if (window.__twitterIntentHandler) return;
  var intentRegex = /twitter\.com(\:\d{2,4})?\/intent\/(\w+)/,
      windowOptions = 'scrollbars=yes,resizable=yes,toolbar=no,location=yes',
      width = 550,
      height = 420,
      winHeight = screen.height,
      winWidth = screen.width;
 
  function handleIntent(e) {
    e = e || window.event;
    var target = e.target || e.srcElement,
        m, left, top;
 
    while (target && target.nodeName.toLowerCase() !== 'a') {
      target = target.parentNode;
    }
 
    if (target && target.nodeName.toLowerCase() === 'a' && target.href) {
      m = target.href.match(intentRegex);
      if (m) {
        left = Math.round((winWidth / 2) - (width / 2));
        top = 0;
 
        if (winHeight > height) {
          top = Math.round((winHeight / 2) - (height / 2));
        }
 
        window.open(target.href, 'intent', windowOptions + ',width=' + width +
                                           ',height=' + height + ',left=' + left + ',top=' + top);
        e.returnValue = false;
        e.preventDefault && e.preventDefault();
      }
    }
  }
 
  if (document.addEventListener) {
    document.addEventListener('click', handleIntent, false);
  } else if (document.attachEvent) {
    document.attachEvent('onclick', handleIntent);
  }
  window.__twitterIntentHandler = true;
}());

它绑定到文档的点击事件（而不是任何锚点），我不明白为什么它不取消默认导航。它似乎击中了“e.preventDefault && e.preventDefault();” 行好。

4

3 回答 3

4

我知道这个问题是从 7 月开始的，但如果其他人遇到这个问题，我在创建带有onclick打开弹出窗口的属性的链接时遇到了同样的事情。看起来是因为我们还包含platform.twitter.com/widgets.js了这个 widgets.js 文件，其中也包含了触发弹出窗口的代码。我删除了 onclick 并且仍然创建了弹出窗口（只有一个普通的<a>标签链接）。这只是一种解决方法，但它确实解决了手头的问题。现在我只是想弄清楚是否有办法以某种方式禁用该open.window功能widgets.js。

于 2015-12-09T17:57:52.967 回答
0

尝试

   var factText = <!---text you want to share -->;
   var redirectUrl = <!---url you want to redirect from twitter -->;

        // Convert to string
        var factStr = factText.toString();

        // Fact length
        var factLen = factText.length;

        // Formats "facts" that are too long... remove if not needed
        if (factLen > 103) { // max chacters allowed
            // trim, and allow space for '...'"
            var trimFact = factStr.substring(0, 70);
            var trimFact = trimFact.trim(); //<-- ensures the last character isnt ' '
            factStr = trimFact + "...";
        }

        // Update the link

        var linkRef = " https://twitter.com/intent/tweet?text= " + factStr +"&url="+ redirectUrl +"&hashtags=tweetTest";

        window.open(linkRef, 'mywin','left=20,top=20,width=500,height=500,toolbar=1,resizable=0')

        jQuery('#factLink').attr('href', linkRef);
于 2015-07-24T11:41:29.657 回答
-1

问题是由于widget.js代码添加了第二个意图，并original_referer=添加到您请求的意图和 presto 2 的价格。

https://twitter.com/intent/user?screen_name= &original_referer=

{function r(t){var e=~a.host.indexOf("poptip.com")?"https://poptip.com":a.href,n="original_referer="+e;return[t,n].join(-1==t.indexOf("?")?"?":"&")}

换句话说，您添加的代码复制了 widget.js 中已经包含的 Intent Pop up 代码功能

于 2016-01-31T21:28:42.173 回答