laravel Javascript and Render sections

Question

嗨，我用 laravel 做了一个网络应用程序，使用各种形式将数据添加到数据库，然后只刷新某些部分(例如插入订单，然后插入一些产品......等(，但是当部分渲染JavaScript不再工作时。 我有一些 Jquery 可以捕获一些事件...例如一些点击按钮。 例

头部脚本的一部分

<script src="{{ asset('public/js/jquery-3.5.1.min.js') }}"></script>
<script src="{{ asset('public/js/vendor/popper.min.js') }}"></script>
<script src="{{ asset('public/js/bootstrap.min.js') }}"></script>
<script src="{{ asset('public/js/vendor/holder.min.js') }}"></script>
<script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
<script>
$(document).ready(function(){
$(document).ajaxSend(function() {
$("#overlay").fadeIn(300);　
});
$('#searchPolizza').keydown(function (e) {
if (e.keyCode == 13) {
e.preventDefault();
$value=$(this).val();
$.ajax({
type : 'get',
url : "{{ url("/trova") }}",
data:{'numero':$value},
success:function(data){
$('#RefreshContent').replaceWith(data);
//initRefundsFunctions();
//initDossierListClick();
}
});
}
});
$( "#addDossier" ).click(function( event ) {
event.preventDefault();
//$("#addDossierForm")[0].reset();
var r = confirm("Vuoi veramente creare un nuovo dossier?");
if (r == true) {
....continue.......</script>

在我找到一个称 ajax 为"#searchPolizza"的"polizza"之后，我刷新了内容部分

刷新内容部分的一部分，我有一个带有按钮 #addDossier 的表单，我可以在刷新后按下与第一次搜索相关的部分

<div class="" style="zoom:90%">
<form class="form-inline" id="addDossierForm"> 
<input type="text" class="form-control mb-2 mr-sm-2" placeholder="dossier" id="dossier">
<input type="date" class="form-control mb-2 mr-sm-2" placeholder="data sinitro" id="date_cla">
<button type="submit" class="btn btn-primary mb-2" data-customer_id="@isset($customer_id){{$customer_id}}@endisset" id="addDossier"><i class="fa fa-plus" aria-hidden="true"></i></button>
</form>
</div>

但是jquery无法再捕获点击事件

我试图将所有脚本放在脑海中或创建函数来调用，但它效果不佳。 有没有其他解决方案？ 感谢

Answer 1

在这里，$(dom).click()静态绑定事件，您应该尝试注册单击事件函数，如下所示：

$( '#addDossier' ).on( 'click', function (event) { your code});

它动态绑定事件处理程序，在这里查看一下，您可以使用速记(function(){..})();而不是$(document).ready(function(){...});，您应该考虑使用像 Vue/React 这样的现代东西。Jquery是原始的，并且越来越老。