jquery - window.open 默认被阻止（弹出窗口被阻止）

Question

我正在尝试为我的网站提供共享链接并具有以下代码：

function handleFacebook(shortURL) {
  $(".facebook").click(function(e) {
    e.preventDefault();
      window.open(
        'https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent(shortURL),
        'facebook-share-dialog',
        'width=626,height=436');
      return false;
    });
  });
}

html (玉)

  div.facebook
    img(src="/images/facebook_logo.png")

但是，当弹出窗口被阻止时，这不起作用。

我怎样才能解决弹出窗口被阻止的问题？？？

不知道如何修复以及在哪里/添加什么？

Answer 1

您想添加许多共享链接吗？并且因为如果您不包含window.open在链接中，浏览器将阻止弹出窗口href。

因此，您必须像这样创建整个链接window.open。href

示例：小提琴

var url = ['http://google.com', 'http://bing.com', 'http://duckduckgo.com/'];

$.each(url, function(i, val){

    $('body').append('<div><a href="#" onclick="window.open(\'https://www.facebook.com/sharer/sharer.php?u=\'+encodeURIComponent(\''+val+'\'), \'facebook-share-dialog\', \'width=626,height=436\'); return false;"> Share on Facebook </a></div>');

});