如何关闭jquery插件

Question

我不确定我是否正确地提出了这个问题，但我想要实现的是：我在响应式网站上使用砌体插件，我希望它只适用于桌面。所以我使用此代码来运行插件：

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

对于小于900px的屏幕（调整大小和加载时）我不希望这个插件工作。我有这个代码，但是如果可能的话，我不知道应该在内部阻止插件运行？ （我用css检测而不是窗口宽度）

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

Answer 1

http://desandro.github.io/masonry/docs/methods.html#destroy

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

Answer 2

您可以使用

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

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

Answer 3

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

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

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

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

问候timotheus