jquery - 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 链接源代码。