jcarousel插件不工作

Question

我试着在我的页面上使用jcarousel

我在控制台中没有得到任何错误，但它就是不能工作。

我添加了库和代码

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="Scripts/jquery.jcarousel.min.js"></script>
<script src="Scripts/jquery.jcarousel-autoscroll.min.js"></script>
<script src="Scripts/jquery.jcarousel-control.min.js"></script>

<script>
    $(function () {
        $('.jcarousel-1').jcarousel({
            vertical: true,
            'wrap': 'both',
            'list': '.jcarousel-list',
            'scroll', '+=2'
        })
        .jcarouselAutoscroll({
        });

        $('.jcarousel-prev').jcarouselControl({
            target: '-=1'
        });

        $('.jcarousel-next').jcarouselControl({
            target: '+=1'
        });
    });
</script>

这是我的代码

http://jsfiddle.net/mDmZ5/2/

我只需要显示两个项目，并使用箭头来浏览。

有人能给我解释一下我的代码出了什么问题吗？

Answer 1

您的jCarousel配置对象是无效的对象声明(您在scroll和它的值之间使用逗号，而不是冒号)。试着这样做：

$('.jcarousel-1').jcarousel({
    vertical: true,
    'wrap': 'both',
    'list': '.jcarousel-list',
    'scroll': '+=2'
})

注意:你的jsFiddle不能工作，因为你不能从Github链接源代码。