我试图用一个动作来停止转换(在本例中是悬停),但我不知道如何实现它。
这是我正在进行测试的地方:
http://lvamil.net/gla/web/ http://lvemil.net/gla/web/
我有3个实例jcarousel
我的目标是在鼠标悬停时(立即)停止移动。
问题是:当鼠标位于轮播上方时,我将其停止,但当前转换在停止之前结束,并且感觉不是所需的,我希望在鼠标悬停时立即停止移动。
这是第一个轮播的初始化:
$('#jcarousel1')
.jcarousel({
'animation': {
'duration': 6000, //DEFINE SPEED
'easing': 'linear',
'complete': function() {
//ON ANIMATION COMPLETE ACTION GO HERE
}
},
'wrap': 'circular'
}).jcarouselAutoscroll({
interval: 1,
target: '+=1',
autostart: true
}).on('mouseover',function(e){
$(this).jcarouselAutoscroll('stop');
}).on('mouseout',function(e){
$(this).jcarouselAutoscroll('start');
});
jcarousel 的其他两个实例的初始化类似。
更新:
我已经尝试过:
$('#jcarousel1').jcarousel('list').stop();
这会停止移动(滚动),但我无法在鼠标移出之前的相同位置时再次开始移动。
更新1:
我还尝试了鼠标移出(并使其再次工作)
$('#jcarousel1').jcarousel('destroy')
$('#jcarousel1').jcarousel( arrayWithInitOptions )
但这会产生不良效果,因为从第一个项目的轮播开始(重新加载)开始移动,并且我想从鼠标悬停时的相同位置重新启动。