动态加载的数据，左滑显示删除按钮，但是点击无法触发事件

做了一个购物车页面， 购物车里面的数据是动态生成的，
加了个左滑显示删除按钮。
到这里一切正常，滑动能显示删除按钮，

但是这个删除点击了之后不能触发事件， 用click， 用tap绑定也无效。这个应该怎么解决呢？
我附上动态添加的代码

var params={};  
    params.user_id=localStorage.getItem('userid');  
    //初始化页面结构  
    $.post(url,params,function(d){  

        $.each(d.cart,function(k,v){  
            $("#content-cart").append('<div data-name='+v.shopname+' class="title pu mui-input-row mui-checkbox mui-left b-line"><input name="checkbox" value="Item 1" type="checkbox"  style="margin-left: -11px;"><em class="ss-aui" style="margin-left: -10px;font-size: 13px;">'+v['shopname']+'</em></div>');  
            var ul=$('<ul class="mui-table-view mui-table-view OA_task_1"></ul');  
            $.each(v.child,function(k1,v1){  
                            /*动态添加*/  
                var html='<li data-id='+v1.id+' data-name="'+v1.title+'" data-src="'+src_path+v1.main_pic+'" data-color="'+v1.color+'" data-size="'+v1.size+'" class="mui-table-view-cell  mui-table-view-cell mui-media b-line"><div class="mui-slider-right mui-disabled deletepro"><a class="mui-btn mui-btn-red wantdel">删除</a></div><div class=" mui-input-row mui-checkbox mui-left" style="margin-left:-10px"><div class="mui-slider-handle mui-table" style="margin-left: 7px;"><div class="check_left"><input name="checkbox" data-id="'+v1.id+'" value="Item 1" type="checkbox"  style="left:5px;top:30px;"><em class="ss-aui"></em></div><div class="check_right"><div class="check_right_a"><img src="'+src_path+v1.main_pic+'"></div><div class="check_right_b"><div class="sp_name goodstitle" >'+v1.title+'</div><div class="sp_gg">已选:'+v1.color+'&nbsp; 尺寸：'+v1.size+'</div><div class="sp_gs"><div class="mui-numbox"  data-numbox-min="1" data-numbox-max="9" style="border: #E5E5E5 solid 1px;height: 30px;background: white;"><button class="mui-btn mui-btn-numbox-minus" type="button" style="background: white;">-</button><input id="test" data-id="'+v1.id+'" class="mui-input-numbox" type="number" value="'+v1.count+'" /><button class="mui-btn mui-btn-numbox-plus" type="button" style="background: white;">+</button></div></div></div><div class="check_right_c">&nbsp;￥<span id="price">'+v1.price+'</span></div></div></div></div></li>';  
                ul.append(html);  
            });  

            $("#content-cart").append(ul);  
        });  
        $("input[name='checkbox']").on("click",resetTotal);  
        mui(".mui-numbox").numbox();  
        //修改商品数量  
        $("input[type='number']").on("change",function(){  
            var params={"id":$(this).data("id"),"count":$(this).val()};  
            $.post(site+"cart/change",params,function(d){  
                    resetTotal();     
            });  
        });  
        $(".pu").on("click",function(){  
            if($(this).find("input[type='checkbox']").get(0).checked){  
                $(".pu").next().find("input[type='checkbox']").prop("checked",true);  
            }  
            else  
                $(".pu").next().find("input[type='checkbox']").prop("checked",false);  

        });  
    });  

该怎么绑定事件才能触发呢？