是否可以在某些浏览器宽度之间执行jQuery函数?

时间:2016-08-19 06:32:24

标签: jquery responsive-design browser-width

您好我有一个jQuery函数,我想只在1199px和700px之间工作。这可能吗?我找到了下面的代码,它的工作原理是当它达到1199px时,函数会启动,但是如何在700px这样做,函数停止工作?

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

    }
};
checkWidth();

谢谢!

5 个答案:

答案 0 :(得分:2)

git cherry-pick --no-commit <sha-1>
COMMIT_MSG=$(git log -n 1 --pretty=format:%s%b <sha-1>)
# some bash operation to remove the Change-id from COMMIT_MSG variable
git commit -m "$COMMIT_MSG"

同时

我会将宽度存储为变量,因此您不必再调用两次。

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

    }
};
checkWidth();

答案 1 :(得分:1)

试试这个:

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

答案 2 :(得分:0)

您可以使用and logical operator组合条件,如下所示:

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

答案 3 :(得分:0)

而不是检查内部函数,在调用函数

之前检查它
 function checkWidth() {

            /* do something */

        } 


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

答案 4 :(得分:0)

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

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