Javascript 使用.load（）函数后，脚本函数无法工作

我在表中添加数据，并阻止重新加载页面，所以我使用load函数只加载表并从表中获取数据，而不重新加载页面

样本输出：

然后在我添加付款后：

我使用以下代码加载数据而不重新加载页面：

$('#payment-body').load('client-info.php?id='+c_id+' #payment-body');

现在我的问题是。如您所见，打印机图标后有一个X图标

我用那个图标设置函数。以下是函数：

$（“.remove transaction”）。单击（函数（）
{
var p_id=$（this.attr（“id”）；
var c_id=$（this.attr（“name”）；
var remove_payment=$（this.attr（“id”）；
$.ajax({
url:'proccess.php'，
键入：“POST”，
async:false，
数据：{'p_id'：p_id，'c_id'：c_id，'remove_payment'：remove_payment}，
beforeSend:function（）{
$（“#status”）.fadeIn（0）、delay（2500）、hide（0）；
$（“#接收模式”+p#u id）.modal（“隐藏”）；
$（#statusModal”）.modal（“show”）；
$（“.header status”）.html（'请稍候…'）；
$（“#状态”）.html（‘删除付款…’）；
},
成功：功能（响应）{
$（“#状态”）.fadeIn（0，函数（）{
$（“.header status”）.html（'Done！'）；
$（“#status”）.html（'Payment Removed！'）；
$（“#付款行”+p#id）.fadeOut（'slow'）；
$（“#支付总额”）.load（'client-info.php？id='+c#u id+'#支付总额'）；
$（“#总余额”）.load（'client-info.php？id='+c#u id+'#总余额'）；
$（'#备注'）.load（'client-info.php？id='+c#u id+'#备注'）；
setTimeout（函数（）{
$（“#statusModal”）.modal（“隐藏”）；
}, 3000);
});
},
错误：函数（错误）{
console.log（error.responseText）；
//如果出现错误，可以调试php代码
}
});
});尝试这样做，我认为这是因为新添加的数据函数无法工作

 $(document).on('click', '.remove-transaction', function(){

你也可以尝试加载脚本。我尝试过但没有工作是的，因为它是新添加的。我试过这个，但还是一样。感谢您的回答。请尝试在函数上执行此操作，
$（this）.closest（'tr'）.hide（）如果它将删除该行，则只删除其他elseI中的该函数即可解决问题。js未在（加载函数）上工作。它只加载它的内容，不加载阅读其他内容。不过，您可以使用
.append（）
，但无论如何，恭喜您更新您的答案。谢谢：-）现在开始工作了。