我尝试在页面上使用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/
我只需要显示两个项目并使用箭头来翻阅 有人可以解释一下我的代码有什么问题吗?
答案 0 :(得分:1)
jCarousel的配置对象是一个无效的对象声明(scroll
之间有逗号,而不是冒号)。试试这个:
$('.jcarousel-1').jcarousel({
vertical: true,
'wrap': 'both',
'list': '.jcarousel-list',
'scroll': '+=2'
})
注意:您的jsFiddle不起作用,因为您无法从Github链接源。