jQuery调整窗口大小的功能

Question

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

到目前为止，我有这个：

<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>

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

Answer 1

你试过这个吗？

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