关闭模式后多次加载jQuery ajax
我集成了一个引导模式并包含一个.js文件。js文件的内容如下所示。js文件用于调用Ajax。当我按下LoadMore按钮时,它会触发ajax函数一次,这很好。但是,一旦我关闭模态并再次打开它,然后单击LoadMore按钮,它就会启动ajax函数两次。如果我关闭模式并再次打开它,然后单击LoadMore按钮,ajax函数将启动三次。我的问题是:如果单击“加载更多”按钮,如何只加载一次ajax函数?情景应该是:关闭模式后多次加载jQuery ajax,jquery,ajax,Jquery,Ajax,我集成了一个引导模式并包含一个.js文件。js文件的内容如下所示。js文件用于调用Ajax。当我按下LoadMore按钮时,它会触发ajax函数一次,这很好。但是,一旦我关闭模态并再次打开它,然后单击LoadMore按钮,它就会启动ajax函数两次。如果我关闭模式并再次打开它,然后单击LoadMore按钮,ajax函数将启动三次。我的问题是:如果单击“加载更多”按钮,如何只加载一次ajax函数?情景应该是: 我点击LoadMore并调用ajax 我关闭了modal,然后再次打开它。我点击了Loa
$(文档).ready(函数(){
$(文档).on('click','btn more',函数(){
var id=$(this.data('id');
var token_csrf=$(“#csrfToken”).val();
var base_path_loadata=$(“输入[name='base_path_loadata'])).val();
$(“#btn more”).html(“加载…”);
$.ajax({
url:base\u path\u loadata,
方法:“张贴”,
数据:{id:id,_-token:token\u-csrf},
数据类型:“文本”,
成功:功能(数据)
{
如果(数据!='')
{
$(“#删除行”).remove();
$(“#加载数据”)。追加(数据);
}
其他的
{
$('#btn more').html(“无数据”);
}
}
});
});
});代码>
加载更多
当前,每次打开模式(并加载脚本)时都会添加一个事件处理程序。使用off('click')
删除上一个事件处理程序:
$(document).off('click','#btn-more').on('click','#btn-more', function...)
当前,每次打开模式(并加载脚本)时都会添加一个事件处理程序。使用off('click')
删除上一个事件处理程序:
$(document).off('click','#btn-more').on('click','#btn-more', function...)
如果您将您的侦听器更改为$(“#btn more”)。在('click',function()
@Gezzasa)上会发生同样的情况!如果您将您的侦听器更改为$('#btn more')。在('click',function()
@Gezzasa)上会发生同样的情况!工作!非常感谢您。工作!非常感谢您。