JQuery добавить слушатель приложенного содержания

Question

У меня есть JQuery код, как это:

$("#add").click(function(event){ 
    $("#list").append('<a class="remove" href="#">x</a>'); 

    return false; 
}); 

$('.remove').live('click', function(){ 
    alert("123"); 
}); 

Если один нажал на классе = удалить, я хотел бы, чтобы предупредить 123. Это не происходит, хотя. Я думаю, что это простая идея, но я должен что-то упустить.

Любые идеи?

Спасибо.

Answer 1

Живой осуждается, используйте на

$(document).on('click','.remove',function(){ 
alert("123"); 
}); 

Answer 2

Другим способом добавить элемент и связать событие без делегирования:

$("#add").click(function(event){ 
    $("<a />", { 
     "class": "remove", 
     href: "#", 
     text: "x" 
    }).on("click", function() { 
     alert("123"); 
     return false; 
    }).appendTo("#list"); 

    return false; 
}); 

Избегайте использование live метода, так как он был устаревшим и, наконец, удален в последнем версия jQuery.

Answer 3

попробовать на делегатом function..since вы apending, что list ... Вы можете использовать #list что лучше в производительности, что document

$('#list').on('click','.remove', function(){ 
    alert("123"); 
}); 

вы можете перейти по ссылке, чтобы прочитать больше о on() event