单击时让锚标记不触发

Question

我正在使用JQuery Ajax来获取数据。 我想在代码中包含所有锚标记，如果有人单击某个标记，则不会触发，而是调用Ajax。 以下是我的代码，但是不起作用。

$('.one_item a').each(function(){
    $(this).live('click', function(){
        alert($(this).attr('href'));
        return false;
    });
});

我正在使用JQuery 1.5版，因此.live应该可以工作。 有任何想法吗？ 干杯。

Answer 1

.live必须应用于选择器。 当您使用.each() ，您不会获得处理动态添加的元素上的事件的好处，因为您只是对循环运行时发现的元素进行迭代。

$('.one_item a').live('click', function(){
    alert($(this).attr('href'));
    return false;
});

Answer 2

您可以直接在选择器上使用.live() ：

$('.one_item a').live('click', function(e) {
    e.preventDefault();
    alert($(this).attr('href'));
});

应该可以正常工作， 请参阅此演示 。

但是，它会保持迭代alert($(this).attr('href')); 。 如何使其仅在单击的项目上触发？

确保您未在​​其他地方触发click()事件循环，例如：

$('.one_item a').each(function() {
    $(this).click();
    // other stuff
});