javascript - jQuery slider 。边距动画

Question

我正在尝试创建一个简单的 slider 。边距动画中的问题，当 slider 元素到达最后一个位置时，它应该显示第一个元素， slider 的行为通过前面的元素将所有元素滚动到开头。我需要在 slider 幻灯片的最后一个元素之后有正常的动画到数字 1，就像从 previus 元素切换时一样。代码笔链接https://codepen.io/donchak1610/pen/BZbEXp?editors=1010 .底部只有第二个按钮。

 let buttonPrev = $('#button-prev');
let buttonNext = $('#button-next');
let screenImage = $('#screen-image');
let counter = 1;
let controlHeight = $('.slider-control__img').height();
let controlWrapper;

buttonNext.click(function () {
console.log(counter);
if (counter < 4) {
  controlWrapper = $(this).find('.slider-control__wrapper');
  controlWrapper.css('margin-top', '-='+controlHeight+'px');
  counter++;
} else {
  counter = 1;

  controlWrapper.css('margin-top', '0px');
 }

});

Answer 1

controlWrapper 变量为空。
您应该向它添加一个选择器，就像您在此处所做的那样 controlWrapper = $(this).find('.slider-control__wrapper');。

else {
    counter = 1;
    controlWrapper = $(this).find('.slider-control__wrapper');
    controlWrapper.css('margin-top', '0px');
}