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) {
   ...
}

根据BXslider Not Working的窗口大小更改jQuery

1 个答案: