ajax 单击事件失效,使用AJAX更新后，jQuery单击不起作用

我已经阅读了一些有关我的问题的信息，但仍然没有得到正确的答案。我尝试了.on()方法仍然无法正常工作。我正在使用Laravel。

@foreach($orders as $order)

{{$order['menus']['name'] }}{{$order['quantity']}}{{$order['quantity'] * $order['menus']['price']}}

@endforeach

JS

$('.cancelbox').each(function(){

$(this).on('click',function(){

$.ajax({

type : 'POST',

url : 'menus/deleteTmp',

data : {

'_token' : $('input[name=_token]').val(),

'id' : $(this).data('menuid'),

},

success : function ($data) {

$('.item' + $data).remove();

}

});

});

});

加载页面后，我想要的所有东西都可以正常工作，但是当我使用replaceWith()方法更新元素，然后onclick无法正常工作时。

我检查了更新的html和属性，所有这些都在正确的位置。