0

您好，我有一个 jQuery 函数，我只想在 1199px 和 700px 之间工作。这可能吗？我找到了下面的代码，它可以工作，所以当它达到 1199 像素时，函数就会启动，但是我如何让它在 700 像素时停止工作？

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

    }
};
checkWidth();

谢谢！

4

5 回答 5

2 
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();
于 2016-08-19T06:34:58.807 回答
1

尝试这个：

function checkWidth() {
    var width = jQuery(window).width();
    if (width >= 700 && width < 1199) {
        /* do something */
    } 
};
checkWidth();
于 2016-08-19T06:35:07.583 回答
0

您可以使用和逻辑运算符组合条件，如下所示：

if (jQuery(window).width() < 1199 && jQuery(window).width() > 699) {
于 2016-08-19T06:35:08.563 回答
0

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

 function checkWidth() {

            /* do something */

        } 


    var width=jQuery(window).width();
    if(width<1199 && width>700){
    checkWidth();
    }
于 2016-08-19T06:36:45.467 回答
0

您需要在 if 中添加第二个条件。它可能看起来像这样：

if ($(window).width() < 1199 &&
    $(window).width() >= 700)
于 2016-08-19T06:39:31.197 回答