jquery - 根据 BXslider 的窗口大小更改 jQuery 不工作

Question

我已经在我正在处理的当前站点上安装了 BX 滑块，这是一个响应式站点，如果浏览器处于特定宽度，我想更改一些选项。我在下面编写的代码破坏了我的滑块布局，有什么建议吗？

<script type="text/javascript">

    $(document).ready(function() {

        if (width < 701) {

            $('#slidebx').bxSlider({
                mode: 'horizontal',
                infiniteLoop: true,
                speed: 500,
                pause: 5000,
                auto: true,
                pager: false,
                controls: true,
                displaySlideQty: 1,
                moveSlideQty: 1
            });

        } else {

            $('#slidebx').bxSlider({
                mode: 'horizontal',
                infiniteLoop: true,
                speed: 500,
                pause: 5000,
                auto: true,
                pager: false,
                controls: true,
                displaySlideQty: 4,
                moveSlideQty: 4
            });
        }
    });​

</script>

Answer 1

您在 if 语句中检查的宽度变量是否设置在某个位置？

试试这个：

if ($(document).width() < 701) {
   ...
}