我的问题是,我的点击回调函数只能运行一次,这可能与第一个回调之后,我的页面上的某些部分将通过ajax操作进行刷新有关。但是,我该如何将事件重新附加到新加载的DOM元素上?
这是我的函数:
// DELETE ENTRY
$('.delete').on('click', function(){
//// ADDING DATA-INDEX TO ENTRIES ////
$('.id').each(function(index){
var id = $(this).html();
var dataIndex = $(this).attr("data-index", id);
});
alert('clicked');
var action = '_includes/deleteEntry.php';
var method = 'post';
var entryId = $(this).siblings('.id').attr('data-index');
var entryIdNumber = entryId.substr(entryId.length - 2);
var data = {'id' : entryIdNumber};
$.ajax({
url: action,
type: method,
data: data
}).done(function(data){
$('.main').empty();
$('.main').append(data);
return;
});
});
.delete
元素点击时触发。 - iCollect.it Ltd