Question

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

$(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

我为您的问题提供了不同的解决方案;对于＆lt; 944px窗口宽度，当浏览器宽度＆lt; 944px niveSlider将被隐藏并且您的面具将被看到时，您可以准备一个新的滑块蒙版（就像滑块但没有nivoSlider函数）。

检查出来：

$(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）来获取当前值。

here is jsfiddle example for you; check the console log from your browser's developer panel

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

1 个答案: