在Window Resize上更新jQuery

Question

我正在开发一个具有jQuery的交互式，可根据屏幕大小调整某些动画的位置。问题是，与CSS上的媒体查询不同，屏幕调整大小时不会更新。

我尝试过这种方法：

var screenSize = viewport()['width'];

$(window).resize(function() {


  if (screenSize >= 730 && screenSize <= 739) {
    // new animation positions
  } else if (screenSize >= 740 && screenSize <= 749) {
    // new animation positions
  } else {
    // new animation positions
}
                                            
});

知道为什么这不起作用？我可以调整窗口大小并刷新以查找新位置的动画，但不能在没有刷新的情况下调整大小。

感谢。

Answer 1

试试这个。希望它有所帮助。

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

这对应于当前窗口宽度。您可以在您的条件下使用它。我用$（window）.height（）来实现我想要的东西。