使用 off 取消绑定查询事件

Question

我尝试为我正在处理的项目的异步调用中的排序问题创建一个简单的解决方案。

我找到的最佳解决方案是： 我附加了一个事件来检查前置要求是否已完成，如果是，我删除事件侦听器并执行该功能。

每个函数一旦完成就会调用事件，这样每个人都将等待直到可以运行。

这是代码：

$(function() {
    $(document).on('bmadone',function() {
        if(beepmeapp.done_arr['fb-init']){
            $(document).off('bmadone','#bma-root',this);
            getBMAUserRoutes();
        }
    });
});

函数（用于测试）正在这样做：

function getBMAUserRoutes(){
    $.ajax({
        url     : '/bma/users/fb',
        type    : 'GET',
        data    : {
            access_token: 'abc'
        },
        success : function( data ) {
            console.log('getBMAUser: success');
            beepmeapp.done_arr['user-init'] = true;
            $('#bma-root').trigger('bmadone');
        },
        error   : function( xhr, err ) {
            console.log('getBMAUser: error');
        }
    });    
}

效果很好，但我遇到的问题是它进入了一个永无止境的循环。 不知道为什么，但它看起来像：

$(document).off('bmadone','#bma-root',this);

不移除监听器...

我是 JS / Jquery 和所有这些客户端开发的真正新手，所以我想我可能缺少一些基本的东西。

Answer 1

您必须将相同的（子）参数集传递给.off，就像您传递给.on 一样。 IE。在您的情况下，它将是$(document).off('bmadone')。

您从未将'#bma-root' 传递给.on 和this 不 引用事件处理程序（您传递给.on 的函数），因此通过传递那些您不会删除正确的事件处理程序。

---

如果您只需要删除该特定处理程序，则可以使用命名函数：

function handler() {
    if(beepmeapp.done_arr['fb-init']){
        $(document).off('bmadone', handler);
        getBMAUserRoutes();
    }
}

$(document).on('bmadone', handler);

// or as a named function expression

$(document).on('bmadone', function handler() {
    if(beepmeapp.done_arr['fb-init']){
        $(document).off('bmadone', handler);
        getBMAUserRoutes();
    }
});

或使用namespaced events。