jQuery：附加以前的事件处理程序，关闭时删除

Question

我有一个 AJAX 调用。在此呼叫期间，必须禁用该按钮。 然后，当通话结束时，必须重新激活按钮的click 事件。

我用这段代码来做。不幸的是，点击事件只在第一次起作用

$('#reload_btn').on('click', function(){
    $(this).off('click');

    $.ajax({
        type: 'GET',
        url: 'ajax/stat.php',
        data: {use: 'get'},
        beforeSend: function(){
            $('#reload_btn').attr('src', 'files/reload_btn.gif');
        },
        success: function(result){
            $('#ajax').html(result);
        },
        error: function(data){
            $('#ajax').html('Error!');
        },
        complete: function(){
            $('#reload_btn').on('click');
            $('#reload_btn').attr('src', 'files/reload_btn.png');
        }
    });
});

有什么方法可以在不调用外部函数的情况下重新附加click 事件？

Answer 1

如果您更改 2 行，您可以重新附加处理程序：存储对函数的引用：

$('#reload_btn').on('click', f = function(){

并将其传递给.click:

    complete: function(){
        $('#reload_btn').on('click', f);