停用 JavaScript 页面级事件处理程序 [重复]

Question

我有一门课，我通过以下方式调用：

this.infiniteScroll = new gd.InfiniteScroll();

在这个类中，它检查用户是否在窗口底部。

稍后在我的脚本中，我不再使用这个无限滚动脚本（因为所有数据都已加载）。我怎样才能删除它？还是阻止它检查用户是否在窗口底部？

这是无限滚动类：

(function(){
"use strict";

var InfiniteScroll = function() {
    this.init();
};

var p = InfiniteScroll.prototype = gd.BaseClass.extend(gd.BaseClass);
p.BaseClass_init = p.init;

/*
 * Public properties
 */
p.canLoad = true;
p.cog;

/* 
 * Public methods
 */
p.init = function() {
    // Super
    this.BaseClass_init();

    // Init
    this.ready();

};

p.ready = function() {

    this._initInfiniteScroll();
};

p.loadRequested = function(){

    p.canLoad = false;
    console.log('show cog');
    $.event.trigger('loadRequested');

}

p.loadComplete = function(){

    p.canLoad = true;
    console.log('hide cog');
    console.log(p.canLoad);
}

p._initInfiniteScroll = function() {

    $(window).scroll(function(){  
        console.log('scroll!');
        if(($(window).scrollTop() == ($(document).height() - $(window).height())) && p.canLoad){

            p.loadRequested();

        }  
    });   

}


gd.InfiniteScroll = InfiniteScroll;
}(window));

Answer 1

通常你可以delete this.infiniteScroll。但我假设在这种情况下它实际上附加了一些事件处理程序，这意味着这还不够。

如果库编写得好，您可能会有一个分离所有事件处理程序的方法、一个析构函数或类似的东西。

Answer 2

只需给你的类一个“deactivate”方法，你可以根据需要调用它：

p.deactivate = function() {
    $(window).off('scroll');
};

如果您完全完成了该对象，您也可以delete this.infiniteScroll 允许垃圾收集器回收内存，但考虑到这个类占用的内存很少，这样做没有什么好处。

注意：理想情况下，您应该“命名空间”您的事件处理程序，以便您可以独立于任何其他处理程序停用您的处理程序，例如：

$(window).on('scroll.infinite', ...);

然后：

$(window).off('scroll.infinite');

Answer 3

不修改插件代码，你大概可以这样做：

this.infiniteScroll.canLoad = false;

编辑：

现在我知道这是你自己的代码，你可以简单地跟踪你的监听器函数并提供一个销毁机制来移除监听器。

p._initInfiniteScroll = function() {

    $(window).scroll(this._scrollHandler = function(){  
        console.log('scroll!');
        if(($(window).scrollTop() == ($(document).height() - $(window).height())) && p.canLoad){

            p.loadRequested();

        }  
    });   

}

p.destroy = function () {
    $(window).off('scroll', this._scrollHandler);
    //you should probably call the destruction function of the parent class
    //if there's any.
};

那就拨打this.infiniteScroll.destroy();