Можно ли выполнить функцию 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. Это могло бы выглядеть так:

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

Answer 4

Вместо проверки внутри функции, проверьте ее перед вызовом функции

 function checkWidth() {

            /* do something */

        } 


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

Answer 5

Вы можете объединить условие с помощью логического оператора следующим образом:

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