2013-11-26 154 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); 
});