jQuery滑塊。保證金動畫

Question

我正在嘗試創建一個簡單的滑塊。邊緣動畫中的問題是，當滑塊元素到達最後位置時，它應該顯示第一個元素，滑塊的行爲通過前面的元素將所有元素滾動到開頭。我需要在滑塊幻燈片的最後一個元素之後將正常動畫設置爲數字1，就像從previus元素切換時一樣。 Codepen鏈接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'); 
}