Question

我担心我不擅长使用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});
}

我会非常感谢你的帮助。

谢谢！

乔纳森

Answer 1

我找到了自己的解决方案

    <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

carousellite - 指定设备宽度可见的幻灯片

1 个答案: