Question

我有检查屏幕尺寸的功能

＆＃13;

function isMob() {
  if ($(window).width() < 1000) {
     return true;
  } else {
     return false;
  }
}

$(window).resize(function() {
  isMob();
});

if (isMob()) {
  console.log('this is a mobile');
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

＆＃13;

以前我将它检查为变量isMob = false;，但现在我正在使用resize函数，我相信我需要将它放在函数中。

我采取了很多方法，但不确定如何复制简单变量的行为以检查是否isMob = true，如果是，则触发操作。

Answer 1

尝试定义一个像bellow一样的全局变量：

var isMobile=isMob();

function isMob() {
    if($(window).width() > 1000) {
        return false;
    }
  return true;
}

$(window).resize(function() {
    isMobile=isMob();
});

if(isMobile){
    console.log('this is a mobile'); 
}

Answer 2

您可以将上一个if()简单地移到onresize处理程序中，如下所示：

            function isMob() {
                if ($(window).width() < 1000) {
                    return true;
                } else {
                    return false;
                }
            }

            $(window).resize(function() {
                if (isMob()) {
                    console.log('this is a mobile');
                }
            });

使用函数返回的值在if语句中使用

2 个答案: