Jquery Ajax вызывает ошибку после первого успешного вызова?

Question

Я собираю jquery для создания собственной почтовой системы (левая панель списка сообщений - правая панель выбранного или текущего сообщения) ....

После выполнения вызова Ajax (например, сообщение удаляется, а левая панель перезагружается с помощью .load для обновления списка), оттуда вызовы оттуда не выполняются (как если бы перезагружался контент больше не видит ajax на странице ... и ничего не происходит)

Ниже приведен пример jquery, который удаляет почту. Скрипт deleteMail также отображает обновленный список ..

$ ('# leftmail'). Html (загрузка) .load ('/ pages / mail / async / deleteMail.php', {'id': id});

У кого-нибудь есть идеи, почему это произойдет? Это что-то конкретно загруженное?

Пожалуйста, помогите! Спасибо!

F

Answer 1

Связывание событий с элементами происходит только один раз. Когда вы загружаете панель через AJAX, эти события теряются и не воссоздаются для вновь извлеченных элементов.

Для этого предназначена функция jQuery live(). Вместо $('element').click(function() {}) вы бы сделали $('element').live('click', function() {}), чтобы эти события щелчка работали с контентом, загруженным после исходного события domready.