jQuery调整窗口大小函数

jQuery调整窗口大小函数,jquery,mobile,plugins,resize,parallax.js,Jquery,Mobile,Plugins,Resize,Parallax.js,我在我的网站上使用视差效果,当我将窗口大小更改为最小值然后返回时,视差效果会有点中断,所以我尝试使用jquery检查窗口的宽度,所以当宽度小于800px(平板电脑和移动设备)时,不要初始化插件 到目前为止,我有: <script src="js/parallax.js"></script> 及 $(文档).ready(函数(){ $(窗口)。调整大小(函数(){ 变量宽度=$(窗口).width(); 如果(宽度>900){ $('header')。视差(“50%

我在我的网站上使用视差效果,当我将窗口大小更改为最小值然后返回时,视差效果会有点中断,所以我尝试使用jquery检查窗口的宽度,所以当宽度小于800px(平板电脑和移动设备)时,不要初始化插件

到目前为止,我有:

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


$(文档).ready(函数(){
$(窗口)。调整大小(函数(){
变量宽度=$(窗口).width();
如果(宽度>900){
$('header')。视差(“50%”,0.5);
$('footer')。视差(“50%”,0.5);
}
});
});

也许最好的办法是检查设备是否可移动,然后根本不加载插件,但我不知道怎么做。

你试过这个吗?

$(window).resize(function() {
     if($(window).width() < 900)
         $('header').parallax("50%", 0.5);
         $('footer').parallax("50%", 0.5);
});
$(窗口)。调整大小(函数(){
如果($(窗口).width()<900)
$('header')。视差(“50%”,0.5);
$('footer')。视差(“50%”,0.5);
});
$(window).resize(function() {
     if($(window).width() < 900)
         $('header').parallax("50%", 0.5);
         $('footer').parallax("50%", 0.5);
});