Question

美好的一天

我想根据窗口宽度或视口大小执行2个语句：这是我的代码：

var w = $(window).width();

if (w > 767){run myFunc()};

if (w < 767){run myFunc()}; //But this function has different CSS Values

问题：

在Chrome和IE（不是FF）中，只执行第二个if语句，视口大小是......

为什么？

由于

Answer 1

我想你忘了将它包装在resize event-handler ...

中

对我来说就像一个魅力：

var myFunc = function(arg){
    console.log(arg);
};

$(window).resize(function(){
    var w = $(window).width();

    if (w > 767) myFunc(1);
    if (w < 767) myFunc(2);
});

http://fiddle.jshell.net/Ms3u5/

Answer 2

你可以试试这个......

function myFunc() {
  if ($(window).width() > 767) {
  //then do something
  }else{
  //do something else
  }
}

...但我也同意yckart，你可能想要包括重新调整大小的方法。

Answer 3

这有效：

var w = window.innerWidth;

if语句 - $（window）.width（）在Chrome和IE中运行不佳

3 个答案: