javascript - Owl Carousel 滚动问题

Question

我正在使用 Owl Carousel ，我试图通过单击 Owl Carousel 中名为“立即投票”的按钮将一张幻灯片交换到下一张幻灯片，但是当我单击第二个点并单击第四个位置时出现一个问题“立即投票”按钮它交换到幻灯片的第三个位置，没关系。但是幻灯片的第四个位置被隐藏了，我想它只是向后滚动一张幻灯片，并且幻灯片的第四个位置也可见。

Here is my fiddle link谁能帮我吗？

$(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;
          });
      }
   });
});

Answer 1

// 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');
  });
})