猫头鹰旋转木马滚动问题

Question

我正在使用 owl carousel，我正在尝试通过单击 owl carousel 中名为“Vote Now”的按钮将一张幻灯片切换到下一张幻灯片”，但是当我点击 2nd DOT 并点击第 4 个位置时会出现一个问题“立即投票”按钮切换到幻灯片的第三个位置，没关系。但是幻灯片的第四个位置隐藏了我想它只是向后滚动一张幻灯片，并且还可以看到幻灯片的第四个位置。

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