javascript - .preventDefault() 仅适用于第一次点击

Question

我有一个图片库，其中使用 AJAX 重新填充图像和图像下的上一个/下一个链接。当用户拥有 JS(以便使用 AJAX 方法)时，我想阻止链接在此处工作，但只有在第一次加载页面时才可以工作。

这是我在页面上用于停止链接工作的代码 -

/** Prevent the default links from working when clicking on an ajax link */
$('#attachment-body a').click(function(e){
    e.preventDefault();
});

这是其中一个链接的示例 -

<a href="<?php echo get_permalink($attachment->ID); ?>" title="<?php echo $attachment->post_name; ?>" rel="attachment" onclick="set_centre_image(<?php echo $attachment->ID; ?>, <?php echo $value_for_writing; ?>)">
    <img src="<?php echo $img_src[0]; ?>" />
</a>

我猜这与应该禁用默认设置的元素有关，但如果是这种情况，是否有解决方法。如果不是这样，有人知道我做错了什么吗？

谢谢。

Answer 1

当您的元素被替换时，您的点击处理程序就会被丢弃。您可以通过使用事件委托(delegate)来解决这个问题。我建议使用 .delegate :

$('#attachment-body').delegate("a", "click", function(e){
    e.preventDefault();
});

http://api.jquery.com/delegate/