jquery附加按钮单击不在dom上工作

Question

我把一些html代码通过.append（）放在一个bootstrap-modal窗口中（这可以工作）在localstorage的一个循环中：

$(".abschick").on("click",function (event) {
 event.preventDefault();

zaehler2 = localStorage.getItem("zaehler");
namen = localStorage["names"];
$(".produkteliste").empty();
for (var i = 0; i <= zaehler2; i++) {
$(".produkteliste").append($('<div class="col-sm-12 col-md-6  
produktboxer'+i+';">' + localStorage.getItem("names_"+i) + '<input 
type="hidden" name="produkt_'+i+'" 
value="'+localStorage.getItem("names_"+i)+'"/></div>'+'<div 
id="produktboxer2'+i+'" class="col-sm-12 col-md-6 produktboxer2'+i+'">
<button type="button"  class="btn-default outline entfernen'+i+';" 
style="width:200px;"><span class="glyphicon glyphicon-remove-circle" 
style="left:20px;padding-left:-20px;" aria-hidden="true">
</span>entfernen</button></div>').on('click', handleClick));
}

});
function handleClick(){
alert("halo"); //works
$(.produktboxer0).hide(); //doesnt work
}

$(".entfernen0").on("click", handleClick); 

警报有效，但是当我尝试在dom上绑定它时它不起作用。 任何人都可以看到错误吗？