window.open bloqués par défaut (popups bloqués)

Question

Je suis en train d'avoir lien de partage pour mon site et avait le code suivant:

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/facebook_logo.png") 

Cependant, cela ne fonctionne pas lorsque les popups sont bloqués. Comment puis-je contourner le problème de popup bloqué ???

Vous ne savez pas comment réparer et où/quoi ajouter ??

Answer 1

Vous souhaitez ajouter de nombreux liens de partage, n'est-ce pas? et parce que le navigateur bloquera popup si vous n'incluez pas window.open dans le lien href.

Donc vous devez créer tout le lien avec window.open dans son href comme celui-ci.

Exemple: FIDDLE

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

});