jQuery 圖像 slider 故障

Question

當我點擊上一個按鈕兩次時，圖片消失了，slider 不起作用。

這是我的代碼： Jsfiddle 鏈接任何幫助將不勝感激。 謝謝你。

$(document).ready(function() {
    $('.nxt').on('click',function () {
        var currentImg = $('.active');
        var nextImg = currentImg.next();

        if(nextImg.length){
            currentImg.removeClass('active').css('z-index, -10');
            nextImg.addClass('active').css('z-index',10);
        }
    });

    $('.pre').on('click',function () {
        var currentImg = $('.active');
        var prevImg = currentImg.prev();

        if(prevImg.length){
            currentImg.removeClass('active').css('z-index, -10');
            prevImg.addClass('active').css('z-index',10);
        }

    });
  });

Answer 1

當currentImg.prev(); 在您的情況下，它被稱為獲取前一個元素，即 id="slider" 的“div”元素。 將圖像包裝在 div 中，如下所示：-

 <div>
   <img class="active" src="https://i.pinimg.com/564x/57/ab/87/57ab87058782698945270ad9f734ceb5.jpg">
    <img src="https://i.pinimg.com/564x/5f/fe/4c/5ffe4ca66086ec07e64b4a46e0e97026.jpg">
  </div>

在這里檢查小提琴