jquery - 取消已经触发执行的函数

Question

我有一个功能，点击后有2个按钮传递不同的参数并执行相同的功能，点击按钮做ajax加载html封面已经加载。

问题是单击a 然后单击b然后单击.reload_btn它将执行两次。
是否可以取消较早的单击a执行功能c？

$(".a").click(function(){
    function c(1);
});

$(".b").click(function(){
    function c(2);
});

function c(select_el){
    $('.reload_button').click(function(){
         .. // ajax reload content
    });

};

Answer 1

使用.on()和.off()事件处理程序。

$(".a").on('click',function(){
    function c(1);
});

$(".b").on('click',function(){
    function c(2);
});

function c(select_el){
    $('.reload_button').on('click',function(){
            $(document).off('click','.a');
         .. // ajax reload content
    });
};

Answer 2

使用必须在您的 ajax 调用中使用 .abort() 操作，

按照这个链接REFER

Answer 3

您可以调整此代码：

var xhr = $.ajax({
    // Your ajax parameters
});

// Kill the ajax request
xhr.abort()

也看看这个页面。

Answer 4

在单击事件之前取消绑定事件。$('.reload_button').unbind();