如何关闭 jquery 插件

Question

不确定我问的问题是否正确，但我想实现的是：我在响应式网站上使用 masonry 插件，我希望它只适用于桌面。所以我将此代码用于运行插件：

var $container = $('#container');
$container.masonry({
        columnWidth: 200,
        itemSelector: '.item'
});

对于小于 900 像素的屏幕（在调整大小和加载时）我不希望这个插件工作。我有这段代码，但不确定我应该在里面放什么来阻止运行ning 的插件，如果可能的话？（我检测的是 css 而不是 window 宽度）

$(window).on("load resize", function() {
    if ($("#logo").css("left") == "none" ){
      //stop plugin from running
    }
});

Answer 1

您可以通过以下方式检查 window 的宽度：

var ww = $(window).width();

if (ww <= 900px) {
    $('#container').masonry( 'destroy' );
}

我建议您在调整大小函数中也使用 debounce 函数，这样它就不会一直监听。

问候蒂莫修斯

Answer 2

$('#container').masonry( 'destroy' );

Answer 3

您可以使用

if($(window).width()<900){
    $('#masonry').masonry( 'destroy' );
}

你可以使用你的初始化函数重新初始化你的脚本用于启动您的功能

How to turn off jquery plugin