Owl旋转木马滚动问题

我正在使用猫头鹰旋转木马,我试图在单击猫头鹰旋转木马中名为“立即投票”的按钮时将幻灯片切换到下一张幻灯片,但有一个问题,当我单击第2个点并单击“立即投票”按钮的第4个位置时,它会切换到幻灯片的第3个位置,这是确定的。但幻灯片的第4个位置隐藏了,我只想向后滚动一张幻灯片,也可以看到幻灯片的第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;
          });
      }
   });
});