是否可以在某些浏览器宽度之间执行 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

您可以像这样使用 and logical operator 组合条件：

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)

是否可以在某些浏览器宽度之间执行 jQuery 功能？

Is it possible to perform a jQuery function in between certain browser widths?

jquery

browser-width

responsive-design