javascript - jScrollPane 和窗口调整大小触发器

Question

我想知道这是否可能。我已经在网站的 div 上设置了 jScrollPane，但我希望如果屏幕宽度小于或等于 580px，则该函数会被销毁。如果您在浏览器被销毁后将其大小调整为大于 580px，它将重新初始化。

这里有一些关于插件销毁/初始化的信息 http://jscrollpane.kelvinluck.com/destroy.html

所以我想我需要将其连接到调整大小函数，而不是演示中的点击触发器。类似...

$(document).ready(function() {
    // This will fire when document is ready:
    $(window).resize(function() {
        // This will fire each time the window is resized:
        if($(window).width() <= 580) {
            // if smaller or equal
            $('.project-content-parent-container').jScrollPane().destroy();
        } else {
            // if larger
            INITIALISE??
        }
    }).resize(); // This will simulate a resize to trigger the initial run.
});

任何帮助或想法将不胜感激。

提前致谢，

Answer 1

我实际上解决了这个问题并用下面的方法解决了它。希望这可以帮助其他有需要的人。

$(window).load(function() {
    if ( $(window).width() < 580) {
        var element = $('.project-content-parent-container').jScrollPane({});
        var api = element.data('jsp');
        api.destroy();
    } else {
        $('.project-content-parent-container').jScrollPane();
    }
});
$(window).resize(function() {
    if ( $(window).width() < 580) {
        var element = $('.project-content-parent-container').jScrollPane({});
        var api = element.data('jsp');
        api.destroy();
    } else {
        $('.project-content-parent-container').jScrollPane();
    }
});