根据窗口宽度启动/停止 jquery 函数

Question

我有一个名为 setSlider 的 jquery 函数。 我希望这个函数不在屏幕

我设法测试了屏幕大小，并启动或不使用该功能

if($(window).width() < 1200){ return false; }

例如，如果您的窗口宽度为 1300 像素，则该函数将运行。 如果您的屏幕宽度为 900 像素，则该功能不会启动。太好了！

但是当你调整大小时我遇到了问题。 如果你从 1300 调整到 900，函数继续操作动作.. 而如果你从900px开始到1200px，这个功能是不会启动的。

我试过了：

 $(window).on('resize', function(e) { setSlider(); });

但它似乎不起作用...... 如果您有想法，谢谢！

Answer 1

当你想让函数运行时我很困惑，但是当窗口宽度大于或等于 1200px 时，下面会运行 setSlider 函数

$(window).resize(function(){
   if($(window).width() > 1200){
      setSlider();
   }
});

当浏览器窗口大小调整为大于 1200px 时，上面将运行该函数。如果您想在第一次打开页面时执行相同的操作，那么您可以执行以下操作：

$(function(){
   if($(window).width() > 1200){
      setSlider();
   }
});

或者您可以在页面加载时调用窗口大小调整函数。

$(function(){
   $(window).resize();
});