在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（）來實現我想要的東西。