jquery - .click() 在循环内

Question

我在我的 wordpress 帖子循环中有这个：

function newWindow(uri,width,height) {
    if(!window.open(uri,uri,'scrollbars=1,toolbar=0,resizable=1,status=0,width='+width+',height='+height)) {
        document.location.href=uri;
    }
}
$('.facebook_button').click(function() {
    newWindow('http://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>',720,420);
    return false; 
});

因此，当我单击该按钮时，它会打开几个窗口（索引页面上的 10 个帖子中有 10 个）。有没有办法只为按钮所在的帖子打开？

谢谢！

Answer 1

您不应该在循环内有 javascript 函数定义（它只需要输出一次）。

我建议the_permalink()为循环中的每个项目添加一个唯一的 id（可能是值的散列），这样您就可以很好地处理选择器。所以你会在循环中输出类似

$('#<?php echo md5(get_permalink()); ?>').click(function() {
    newWindow('http://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>',720,420);
    return false; 
});

当然，您还必须添加id="<?php echo md5(get_permalink()); ?>"到您输出的按钮。