在窗口调整大小上更新 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() 来实现我想要的目标。