是否有可能在特定的浏览器宽度之间执行jQuery函数

Question

你好，我有一个jQuery函数，我想只在1199px和700px之间工作。这可能吗?我发现下面的代码，它的工作原理，所以当它达到1199px的功能启动，但我怎么做，所以在700px的功能停止工作?

function checkWidth() {
    if (jQuery(window).width() < 1199) {
        //do something
    } else {
    }
};
checkWidth();

谢谢!

Answer 1

function checkWidth() {
    if (jQuery(window).width() < 1199 && jQuery(window).width() > 700) {
        //do something
    } else {
    }
};
checkWidth();

。

我将把宽度存储为一个变量这样你就不需要调用它两次了。

function checkWidth() {
    var windowWidth = jQuery(window).width();
    if (windowWidth < 1199 && windowWidth > 700) {
        //do something
    } else {
    }
};
checkWidth();

Answer 2

试试这个:

function checkWidth() {
    var width = jQuery(window).width();
    if (width >= 700 && width < 1199) {
        /* do something */
    } 
};
checkWidth();

Answer 3

您可以像这样使用逻辑运算符组合条件:

if (jQuery(window).width() < 1199 && jQuery(window).width() > 699) {

Answer 4

与其在函数内部检查，不如在调用函数之前检查

 function checkWidth() {
            /* do something */
        } 

    var width=jQuery(window).width();
    if(width<1199 && width>700){
    checkWidth();
    }

Answer 5

您需要在if中添加第二个条件。它可以像这样:

if ($(window).width() < 1199 &&
    $(window).width() >= 700)