我用jQuery添加了一些div,每个div都有一个取消按钮,用于删除div。但是div删除按钮不起作用。这是我的div删除代码
$('.canceltag').click(function(){
$(this).parent().remove();
});
这是我完整的jQuery代码
$(document).ready(function(){
var BaseURL = $(".BaseURL").val();
var fPeople = $('.fPeople').val();
$('.fPeople').typeahead({
ajax: {
url: ""+ BaseURL +"json/tag",
method: 'post',
triggerLength: 1
},
onSelect: (function(item){
var aprid = item.value;
var aprname = item.text;
var nappr = " <i class='tagcover'>"+ aprname +" <b class='cursor_pointer text-danger canceltag'>X</b><input type='hidden' name='tag[]' value='"+ aprid +"'></i>";
$(".selectedname").append(nappr);
$('.fPeople').val('');
})
});
$('.canceltag').click(function(){
$(this).parent().remove();
});
});
使用事件委托将事件附加到附加到动态创建的元素上 document
// attach event to `.canceltag` parent element
$(".selectedname").on("click", ".canceltag", function() {
$(this).parent().remove();
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句