0

現在作業中のサイトに 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>
4

1 に答える 1

1

ifステートメントでチェックしている幅変数はどこに設定されていますか?

これを試して：

if ($(document).width() < 701) {
   ...
}
于 2012-09-08T21:22:09.963 に答える