javascript - 如果窗口大小太小，如何执行脚本？

Question

这有什么问题？

if ((window.innerWidth < 1170)) ? {
    alert("so eng hier!");
};

Answer 1

除了明显的语法错误，问号，什么都没有。也许您的意思是在窗口的调整大小事件中执行该代码块？

window.onresize = function(event) {

    if ((window.innerWidth < 1170))  {
        alert("so eng hier!");
    };

}

小心警报，因为它会在每次触发窗口调整大小事件时触发，因此当您尝试调整窗口大小以使其更大时，它会不断弹出。

Answer 2

它没有错，但它只会在页面加载时触发。如果您希望在用户在查看您的站点时调整窗口大小时发生这种情况，请添加一个侦听器。

window.onresize = resize();

var resize = function (){
    if (window.innerWidth < 1170){
        alert("so eng hier!");
    };
};

啊对。那?在里面做什么？检查你的if语法。

Answer 3

它只被调用一次（大概在页面加载时）。我认为您希望绑定到：

$(window).on('resize', function(){
  // check window size here and react when it's too small.
});