let anchor tag не срабатывает при нажатии

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(), вы не получаете преимущества обработки событий по элементам, добавленным динамически, потому что вы просто выполняете итерацию по элементам, найденным в момент запуска цикла.