无法将jcarousel从垂直滚动切换到水平滚动

时间:2015-07-22 09:45:45

标签: javascript jcarousel

我正在使用jCarousel,我想在特定的屏幕宽度处将配置为垂直的旋转木马切换为水平。我在页面加载时的主要代码是

$(document).ready(function () {
    var lCarousel = $('.jcarouselLarge').jcarousel({
        // Configuration goes here
        wrap: 'circular',
        animation: 'slow'
    })
    var sCarousel = $('.jcarouselSmall').jcarousel({
        // Configuration goes here
        wrap: 'circular',
        vertical: true,
        animation: 'slow'
    })

    $('.jcarouselSmall').jcarouselAutoscroll({
        interval: 6000,
        target: '+=1',
        autostart: true,
        carousel: sCarousel
    })

    $('.jcarouselLarge').jcarouselAutoscroll({
      interval: 6000,
       target: '+=1',
       autostart: true,
      carousel: lCarousel
    })
    ;

然后我试图调用

    if ($(window).width() <= 990) {

        $('.jcarouselSmall').jcarousel({
            vertical: false
        });

        }

我尝试了各种方法,但似乎没有一种方法适合我。重新加载后是否需要设置垂直?上面的代码似乎阻止了旋转木马一起工作。我知道旋转木马可以根据尺寸检测工具垂直滚动,这是否会干扰我的设置?

谢谢,

阿曼达

1 个答案:

答案 0 :(得分:-1)

认为您可能需要先破坏旋转木马然后再切换到垂直

编辑添加你需要增加轮播的容器宽度,它应该从垂直切换到水平