jQuery $ (this) .remove() не работает после append

Question

У меня есть div с class="tags" с одной предопределенной гиперссылкой.

<div class="tags"> 
    <a href="#">myLink</a> 
</div> 

У меня есть функция для удаления этой гиперссылки, если пользователь нажимает на нее.

$('.tags a').click(function() { 
    $(this).remove(); 
    return false; 
}); 

И это работает с предопределенными гиперссылками. Если добавить еще ссылки с помощью JQuery (после загрузки страницы)

$('.tags').append('<a href="#">newLink</a>'); 

Функция для удаления гиперссылки (на клик) не будет вызван этим, добавил ссылки. Как это решить?

Answer 1

Вы должны использовать жить-функции:

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

Поскольку вы добавляете ссылки после начальной загрузки, стандартное событие щелчка не будет привязываться к динамическим добавлены ссылки.

Answer 2

Ваше событие click привязано только к текущему элементу dom, а не к будущему элементу. Если вы хотите добавить это событие ко всему элементу, включите будущее, тогда вам нужно использовать live-событие в jquery. http://jsfiddle.net/6cGvt/