附加后JQuery Hide

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();
});