在Window Resize上更新jQuery

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

我试过这个方法：

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 
 
} 
 
              
 
});

知道为什么这是行不通的？我可以调整窗口大小并刷新以查找新位置中的动画，但不会在未刷新时调整大小。

谢谢。

来源

2015-02-24 samjohnsonmw

试试这个。希望能帮助到你。

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

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

来源

2015-02-24 14:16:40 Ila

请在[编辑]中解释为什么/代码如何回答问题？不提供代码的答案是不鼓励的，因为它们不像代码解释那样容易学习。没有解释，需要花费更多的时间和精力来理解正在做什么，对代码所做的修改，代码是否回答问题等等。对于试图从答案中学习的人以及那些评估回答是否有效，或值得投票。 – Makyen 2015-02-25 06:06:39

对不起我的回复！ – Ila 2015-02-25 06:27:21

在Window Resize上更新jQuery

回答

相关问题