0

残念ながら私は JavaScript があまり得意ではありません。

jcarousellite を使用すると、このコードが本文の先頭に表示されます。

<script type="text/javascript">
$(function() {
$(".carousellite").jCarouselLite({
    btnNext: ".next",
    btnPrev: ".prev",
    auto: 1200,
    speed: 3000,
    easing: "easeInOutExpo",
    visible: 5,
    pauseOnMouseOver: true, // This is the configuration parameter
    circular: true
});    
});
</script>

デバイスの幅が 480px 以下の場合は表示される数値の値を 1 に、それ以上の場合は 5 にします。

上記の式で次のようなコードを使用しようとしましたが、成功しませんでした。

if ($(window).width() < 480) {
   $(".carousellite").jCarouselLite({visible: 1});
}
else {
   $(".carousellite").jCarouselLite({visible: 5});
}

助けていただければ幸いです。

ありがとうございました！

ジョナサン

4

1 に答える 1

0

私は私自身の解決策を見つけました

    <script>
    setTimeout(function(){
        if (screen.width < 480 ){
            //scripts for smaller screens
            $(".carousellite").jCarouselLite({
    visible: 1
    });
        }
    },300)
</script>

おかげで: http://scriptcult.com/subcategory_1/article_856-get-device-width-screen-width-on-mobile-devices.html

于 2014-02-23T15:30:55.327 に答える