我在表中添加数据并且我阻止页面重新加载,所以我使用load函数来加载表并从中获取数据而不重新加载页面。
我使用此代码加载数据而不重新加载页面:
$('#payment-body').load('client-info.php?id='+c_id+' #payment-body');
现在我的问题是。如您所见,打印机图标后面有X图标。
我用该图标设置功能。这是功能:
$(".remove-transaction").click(function()
{
var p_id = $(this).attr("id");
var c_id = $(this).attr("name");
var remove_payment = $(this).attr("id");
$.ajax({
url: 'proccess.php',
type: 'POST',
async: false,
data: {'p_id':p_id,'c_id':c_id, 'remove_payment':remove_payment},
beforeSend : function(){
$("#status").fadeIn(0).delay(2500).hide(0);
$("#recieptModal_"+p_id).modal("hide");
$("#statusModal").modal("show");
$(".header-status").html('<h4>Please Wait...</h4>');
$("#status").html('<h3 class="center"><em class="fas fa-sync fa-spin checking-client"></em> Deleting Payment...</h3>');
},
success: function(response){
$("#status").fadeIn(0, function(){
$(".header-status").html('<h4>Done!</h4>');
$("#status").html('<h3 class="center"><em class="far fa-trash-alt invalid-client"></em> Payment Removed!</h3>');
$("#payment-row"+p_id).fadeOut('slow');
$('#total-paid').load('client-info.php?id='+c_id+' #total-paid');
$('#total-balance').load('client-info.php?id='+c_id+' #total-balance');
$('#remarks').load('client-info.php?id='+c_id+' #remarks');
window.setTimeout(function () {
$("#statusModal").modal("hide");
}, 3000);
});
},
error: function(error){
console.log(error.responseText);
//you could debug your php code if some error raises
}
});
});
&#13;
重新加载页面时它正在工作。但我想要发生的是让它在不重新加载页面的情况下工作。或者你可以看到。只需使用.load()函数。
答案 0 :(得分:1)
尝试这样做,我认为这是因为新附加的数据功能不起作用,
$(document).on('click', '.remove-transaction', function(){