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);
});