javascript - slimScroll destroy 不会取消绑定滚动事件

Question

我正在使用slimScroll jQuery 插件，似乎destroy 选项并没有完全破坏网站上的插件效果。

例如，如果您尝试销毁插件，然后滚动到以前可滚动的内容，则站点滚动功能将停止工作。您将能够使用滚动条滚动，而不是使用鼠标滚轮/触控板。

这是该错误的再现

注意几件事：

• 使用鼠标滚轮/触控板在先前可滚动的元素上滚动会阻止滚动。
• 在先前可滚动的元素之外滚动按预期工作。
• 如果在销毁之前将 slimScroll 滚动到底部，则在销毁它时，它可以在任何情况下正常工作。

我已经在存储库中报告了它，但没有给出答案。它似乎有点被遗弃了。我尝试了不同的建议解决方案，但没有一个能正常工作。

缺乏适当的方法来销毁插件似乎是问题所在......

jsfiddle中使用的代码：

$('.scrollable').slimScroll({
    allowPageScroll: true,
    height: '250px',
    size: '10px',
    alwaysVisible: true
});

$('.destroy').click(function(){
    $('.scrollable').slimScroll({
        destroy:true
    });
});

Answer 1

问题是插件没有删除注册的事件。这应该可以解决问题：

$('.destroy').click(function(){
    $('.scrollable').slimScroll({
        destroy:true
    });

    var $elem = $('.scrollable'),
    events = jQuery._data( $elem[0], "events" );

    if (events) {
        jQuery._removeData( $elem[0], "events" );
    }

});