追加后的JQuery隐藏

Question

我正在运行一个脚本，该脚本将在从下拉列表中选择一个元素时附加一个元素，该位一切正常并附加该项目。附加的项目包括一个按钮，单击该按钮将隐藏附加的项目。我似乎无法开始工作的是隐藏功能。如果我将元素手动放入 HTML 并单击隐藏按钮，代码似乎可以正常工作，但由于某种原因，在附加它时它不起作用？

$('#addteammember').click(function() {
 var usernamevalue = $("#teammemberselected").val();
 var teammemberfullname = $('#teammemberselected option:selected').text();
  $('#teammemberlist').append("<li><input class='removeteam' type='button' value="+usernamevalue+" /><span class='listitem'>"+teammemberfullname+"</span></li>");
});


$('.removeteam').click(function () {
  $(this).hide();
});   

Answer 1

发生这种情况是因为您动态附加了按钮，但仅将 click 处理程序绑定到现有元素。您可以改用此代码：

$("#teammemberlist").on("click", ".removeteam", function () {
    $(this).hide();
}); 

Answer 2

试试live函数。

$(".removeteam").live("click", function() {
$(this).hide();
});