2013-11-26 153 views
0

我在我的網站上使用視差效果,當我將窗口大小更改爲最小值,然後返回,所以我試圖用jquery檢查窗口的寬度,所以當寬度爲小於讓說800px(平板電腦和移動設備)不要初始化插件。jQuery調整窗口大小功能

到目前爲止,我有這樣的:

<script src="js/parallax.js"></script> 

<script type="text/javascript"> 

$(document).ready(function() { 
    $(window).resize(function() { 
     var width = $(window).width(); 

     if(width > 900) { 
      $('header').parallax("50%", 0.5); 
      $('footer').parallax("50%", 0.5); 
     } 
    }); 
}); 

</script> 

也許,最好的辦法是檢查設備是否移動,然後不加載插件可言,但我不知道如何做到這一點。

回答

0

你試過了嗎?

$(window).resize(function() { 
    if($(window).width() < 900) 
     $('header').parallax("50%", 0.5); 
     $('footer').parallax("50%", 0.5); 
});