javascript - 如果窗口调整大小，则卸载 jquery 函数

Question

如果浏览器窗口小于 944 像素，我会尝试卸载功能。我开始写这个

$(window).resize(function() {
            if ($(window).width() >= '944') {
                        $(window).load(function() {
                            $('#slider').nivoSlider();
                        });
                    } else {
                        alert($(window).width());
                        if ($(window).width() <= '944') {
                        $(window).unload(function() {
                            $('#slider').nivoSlider();
                        });
                    }
            }
            });

但我卡住了。我想如果用户输入，验证分辨率，如果超过 944px 加载 jquery 函数，但是如果浏览器调整大小或小于 944px 的分辨率，函数将被卸载。

Answer 1

我对您的问题有不同的解决方案；您可以为 <944px 的窗口宽度准备一个新的滑块蒙版（就像滑块但没有 nivoSlider 功能），当浏览器宽度 <944 像素时 niveSlider 将被隐藏并且您的蒙版将被看到。

一探究竟：

$(window).resize(function() {
    windowWidth = $(this).width();//you need to use this for changable values
    if ( windowWidth > 943) {

       $('#sliderMask').hide();
       $('#slider').show();
       $(window).load(function() {
         $('#slider').nivoSlider();
       });

    } else if ( windowWidth < 944) {

       $('#slider').hide();// hide your nivoSlider
       $('#sliderMask').show();// show your basic slider mask

    }
});

请注意：您需要使用 $(this) 来获取当前值。

这是给你的 jsfiddle 示例；从浏览器的开发者面板检查控制台日志