猫头鹰Carrousel滚动问题
问题描述:
我正在使用猫头鹰旋转木马,我正尝试将一张幻灯片换成下一张幻灯片,点击名为“现在投票”在猫头鹰旋转木马上的按钮“,但有一个问题,当我点击第二个DOT并单击在“投票现在”按钮的第4个位置上,它切换到幻灯片的第3个位置,它的确定,但是幻灯片的第4个位置隐藏了,我想要它只向后滚动一个幻灯片,并且还可以看到幻灯片的第4个位置猫头鹰Carrousel滚动问题
Here is my fiddle link Can任何人都可以帮到我吗?
$(window).load(function(){
var animating = false;
$('#container').on('click', '.click', function() {
var clickedDiv = $(this).closest('div.ddd'),
prevDiv = clickedDiv.prev(),
distance = clickedDiv.offset().left - prevDiv.offset().left;
if (prevDiv.length) {
animating = true;
$.when(clickedDiv.animate({
left: -distance
}, 1000),
prevDiv.animate({
left: distance
}, 1000)).done(function() {
prevDiv.css('left', '0px');
clickedDiv.css('left', '0px');
clickedDiv.insertBefore(prevDiv);
animating = false;
});
}
});
});
答
// owl carousel
$(document).ready(function() {
var slider = $('.owl-carousel');
slider.owlCarousel({
items: 4,
loop: false,
center: false,
margin: 10,
callbacks: true,
URLhashListener: true,
autoplayHoverPause: true,
startPosition: 'URLHash',
touchDrag: false,
mouseDrag: false
});
$(".swap").click(function() {
slider.trigger('prev.owl.carousel');
});
})