window.open bloqueado por defecto (ventanas emergentes bloqueadas) - jquery, html, css

Estoy intentando tener un enlace para compartir mi sitio y tuve el siguiente código:

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

Sin embargo, esto no funciona cuando se bloquean las ventanas emergentes.

¿Cómo puedo solucionar el problema de ventanas emergentes bloqueadas?

¿No está seguro de cómo solucionarlo y dónde / qué agregar?

Respuestas

¿Quieres añadir muchos enlaces de compartir verdad? y porque el navegador bloqueará la ventana emergente si no incluye window.open en enlace href.

Así que tienes que crear todo el enlace con window.open en su href como éste.

Ejemplo: VIOLÍN

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

});