Javascript jCarouselLite插件未按预期工作
这个问题困扰着我。我已经使用jCarouselLite很多年了,我甚至在Ganeshji Marwaha发布的原始库中添加了一个“淡入淡出”功能供我自己使用。我最近切换到了,因为它仍然受支持,它使用触摸事件,并且可以响应。但是我没有运气使用它 我几乎肯定在做一些愚蠢的事情,但我不知道是什么。。。任何人都可以用新的眼光看待这个主页的实现吗 这里的实现没有响应,但我希望支持滑动Javascript jCarouselLite插件未按预期工作,javascript,jquery,css,jcarousellite,Javascript,Jquery,Css,Jcarousellite,这个问题困扰着我。我已经使用jCarouselLite很多年了,我甚至在Ganeshji Marwaha发布的原始库中添加了一个“淡入淡出”功能供我自己使用。我最近切换到了,因为它仍然受支持,它使用触摸事件,并且可以响应。但是我没有运气使用它 我几乎肯定在做一些愚蠢的事情,但我不知道是什么。。。任何人都可以用新的眼光看待这个主页的实现吗 这里的实现没有响应,但我希望支持滑动 $().ready(function() { $(".homecarousel").jCarouselLite(
$().ready(function() {
$(".homecarousel").jCarouselLite({
visible: 1,
auto: 12000,
speed: 800,
responsive: false,
swipe: true,
circular: true,
btnNext: ".next",
btnPrev: ".previous"
});
});
CSS非常简单,我让插件来完成繁重的工作。我使用的jQuery与他们推荐的jQuery(1.7.2)相同,尽管我也使用了更新的版本,但运气不佳(1.8)
当传送带最初加载时,第一个滑块正常。然后它消失了,整个旋转木马的位置远离页面。旋转木马运行的时间越长,其定位的页面离页面越远
我遗漏了什么?插件的作者在这里帮助了我。插件将“auto”选项更改为布尔值,“12000”值将其丢弃。为了设置动画延迟,插件现在使用一个名为“timeout”的参数。正确的实现脚本应该是:
$().ready(function() {
$(".homecarousel").jCarouselLite({
visible: 1,
auto: true,
timeout: 12000,
speed: 800,
responsive: false,
swipe: true,
circular: true,
btnNext: ".next",
btnPrev: ".previous"
});
});