Owl 轮播滚动问题

Question

我正在使用 owl 旋转木马，我试图通过单击 owl 旋转木马中名为 "Vote Now" 的按钮将一张幻灯片切换到下一张幻灯片”，但有一个问题我单击第二个 DOT 并单击 "Vote Now" 按钮的第四个位置，它切换到幻灯片的第三个位置，没问题。但是幻灯片的第四个位置隐藏了我想它只是向后滚动一张幻灯片并且也可以看到第 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');
  });
})

Owl 轮播滚动问题

Owl Carrousel scroll issue

javascript

jquery

swap

onclick

owl-carousel