如何在Autoscroll模式下立即在jCarousel中跳过帧
如何在Autoscroll模式下立即在jCarousel中跳过帧
提问于 2016-03-07 12:22:31
我正在使用索加拉氏jCarousel。
我希望旋转木马在没有中断的情况下稳定地移动，因此我初始化了jCarousel，如：
$('.jcarousel').jcarousel({
wrap: 'circular',
animation: {
duration: 5000,
easing: 'linear',
}
})
.jcarouselAutoscroll({
target: '+=1',
interval: '0',
autostart: true,
});我还实现了一个分页：
$('.jcarousel-pagination')
.on('jcarouselpagination:active', 'a', function() {
$(this).addClass('active');
})
.on('jcarouselpagination:inactive', 'a', function() {
$(this).removeClass('active');
})
.jcarouselPagination();到目前为止，旋转木马一直在缓慢移动。但是现在分页按钮不再工作了，因为旋转木马一直处于过渡状态。
当单击分页项之一时，为了直接跳转到所需的帧(有/没有转换)，我必须做什么？
JSFiddle见这里
回答 1
Stack Overflow用户
发布于 2016-03-16 14:28:34
问题是：
当旋转木马进行转换时，不能使用分页。例如:在这里，当有一个转换时，http://jsfiddle.net/2Kspn/18/尝试单击分页。分页不管用。
或者在您的JsFiddle中，将自动启动设置为False，然后尝试单击transition。它不起作用。
所以，我看到了一些解决方案：
- 您可以放置一个内部(例如1000 )，以便让分页在此间隔之间工作。见这里http://jsfiddle.net/2Kspn/15/
- 尝试停止当前的转换，并强制分页。但是在API，http://sorgalla.com/jcarousel/docs/reference/api.html#api中，我们找不到这样的函数。所以我们可以添加函数。在事件$('a').click()上。我可以停止这样的过渡： $('.jcarousel ul').stop()；
但我们必须进行积极的过渡。
所以我就这么做：
$('.jcarousel ul').stop( true, true);见这里http://jsfiddle.net/sg9u5fLy/5/
但这并不是我们想要的。
但也许是个好办法？
希望这有帮助
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35843656
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号