jquery代码内联onlick代码的窗口，打开

Question

我一直在努力争取一段时间，希望能得到专家的帮助。

语境是：

window.open blocked by default (popups blocked)

我在这个问题在注释1配备有答案的小提琴是如下

http://jsfiddle.net/chokchai/EgBQK/

这可能是答案，但我不明白这一点：

这不能纯粹在jQuery中完成吗？我说ABT下面的代码：

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

我怎么能这个代码转换为纯jQuery的？ 在上面的代码中，html代码是在jquery代码中创建的吗？

Answer 1

试试这个方法：

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

$coll = $.map(url, function (val) { 
    return $('<div/>').append($('<a/>', { 
     href: '#', 
     rel: val, 
     text: 'Share on Facebook' 
    }).click(handleClick)); 
}); 
$('body').append($coll); 

function handleClick(e) { 
    e.preventDefault(); 
    window.open('https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(this.rel), 'facebook-share-dialog', 'width=626,height=436'); 
} 

Demo