window.open bloccato per impostazione predefinita (popups blocked) - jquery, html, css

Sto cercando di avere un link di condivisione per il mio sito e ho avuto il seguente codice:

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 (JADE)

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

Tuttavia, questo non funziona quando i popup sono bloccati.

Come posso aggirare il problema di blocco popup ???

Non sei sicuro di come risolvere e dove / cosa aggiungere ??

risposte:

Vuoi aggiungere molti link di condivisione giusto? e perché il browser bloccherà il popup se non lo includi window.open nel link href.

Quindi devi creare l'intero collegamento con window.open nel suo href come questo.

Esempio: VIOLINO

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>");

});