讓錨標記點擊時不會觸發

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()：

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

它應該工作，see this demo。

但是，它不斷迭代alert($(this).attr('href'));。我怎樣才能讓它只點擊我點擊的物品？

確保您不會觸發click()事件循環其他地方，如：

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

Answer 2

.live已被應用到選擇。當您使用.each()時，您無法處理動態添加的元素上的事件，因爲您只是遍歷循環運行時發現的元素。

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