Являются ли события потерянными в jQuery, когда вы удаляете() элемент и добавляете() его в другое место?

Question

Что происходит в jQuery, когда вы удаляете() элемент и добавляете() его в другое место?

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

Если это так - есть ли какие-либо простые способы переосмыслить события только в той части HTML или по-другому переместить элемент, не потеряв при этом событие в первую очередь.

Answer 1

Да, подход jQuery с remove() - это отвязать все, связанное с собственными jQuery bind (для предотвращения утечек памяти).

Однако, если вы просто хотите что-то переместить в DOM, вам не обязательно это remove(). Всего append к содержанию вашего сердца, привязок событий будет палки вокруг :)

Например, вставьте в ваш поджигатель на этой странице:

$('li.wmd-button:eq(2)').click(function(){ alert('still here!') }).appendTo(document.body) 

А теперь прокрутите вниз до нижней части этой страницы и нажмите на значок маленького глобуса, который теперь похоронен под нижним колонтитулом SO. Вы получите alert. Все, потому что я позаботился о том, чтобы не remove это первое.

Answer 2

использование jQuery1.3.1 жить(), чтобы связать события и вам не нужно будет беспокоиться об этом ..

Update: живые события являются устаревшими в настоящее время, но вы можете получить тот же эффект от $ (документ) .на().

Answer 3

JQuery открепления() функции является таким же, как Удалить() но сохраняет обработчик событий в объекте, который она возвращает. Если вам нужно удалить элемент и поместить его в другое место, вы можете просто использовать его.

var objectWithEvents = $('#old').detach(); 
$('#new').append(objectWithEvents); 

Проверьте API Docs здесь: http://api.jquery.com/detach/