猫头鹰卡鲁塞尔卷轴问题

Question

我正在使用猫头鹰旋转木马，我正在尝试将幻灯片交换到下一张幻灯片，点击一个名为“现在投票”的按钮，但是当我点击第二个DOT并点击第四个位置时有一个问题“立即投票”按钮交换到幻灯片的第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;
          });
      }
   });
});

Answer 1

saga