jQuery, как я могу взаимодействовать с контентом, загруженным ajax?

Question

Я успешно загружаю контент с помощью

jQuery(".menu li a").click( function(event){

    jQuery("#loadingArea").load(this.href)

});

После загрузки контента на моей странице появились новые элементы. Я попытался применить манипуляции с jQuery (что-то сделать, когда я щелкаю или наведите курсор мыши), и элемент не отвечает.

Пожалуйста, объясните мне, почему я не могу вызвать события в контенте, который был загружен через ajax?

Имеет ли метод .load () какое-то отношение к этому (т. Е. Если бы я использовал $ .ajax, я мог бы взаимодействовать с таким контентом)?

Спасибо,

Answer 1

jQuery(".menu li a").click( function(event){

    jQuery("#loadingArea").load(this.href);

});

jQuery("#loadingArea a").live('click', function() {

    /* Insert eMagic! */

});

Answer 2

.live() теперь удалено

Вот способ сделать это сейчас:

$(document).on("click",".menu li a",function(e){

});

Answer 3

Вам придется использовать .live () или .delegate ()

так что делегированный контент также делегируется

Answer 4

.live() или .delegate() помогут вам здесь. потому что новые элементы отсутствуют при запуске, в тот момент, когда вы связываете функции, они не будут применены. При использовании live () событие всплывает, и вы можете привязать к нему событие

Answer 5

вы должны использовать живые обработчики событий для контента, загруженного AJAX

$("a").live("click",function(){
// your code
});

live привязывает события как к будущим элементам, так и к существующим.

Answer 6

.live() является ответом на вашу проблему:

http://api.jquery.com/live/

Из документов:

Метод .live () может влиять на элементы, которые еще не были добавлено в DOM с помощью делегирования события: привязка обработчика элемент предка отвечает за события, которые инициируются на его потомки. Обработчик, переданный в .live (), никогда не привязывается к элемент; вместо этого .live () связывает специальный обработчик с корнем Дерево DOM.