jcarousel插件不起作用

时间:2013-09-06 15:21:03

标签: jquery jcarousel

我尝试在页面上使用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/

我只需要显示两个项目并使用箭头来翻阅 有人可以解释一下我的代码有什么问题吗?

1 个答案:

答案 0 :(得分:1)

jCarousel的配置对象是一个无效的对象声明(scroll之间有逗号,而不是冒号)。试试这个:

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

注意:您的jsFiddle不起作用,因为您无法从Github链接源。