爲什麼我需要在此實例中使用變量而不是輸入變量值？

Question

我正在做codeacademy.com上的互動網站課程。目標是讓一個箭頭按鈕淡出活動幻燈片，然後淡入下一張幻燈片。爲什麼下面工作的代碼，如果我使用變量：

$('.arrow-next').click(function(){ 
    var currentSlide = $('.active-slide'); 
    var nextSlide = currentSlide.next(); 
    currentSlide.fadeOut(600).removeClass('active-slide'); 
    nextSlide.fadeIn(600).addClass('active-slide'); 
}); 

但是打字的變量值犯規：

$('.arrow-next').click(function(){ 
    $('.active-slide').fadeOut(600).removeClass('active-slide'); 
    $('.active-slide').next().fadeIn(600).addClass('active-slide'); 
}); 

得到任何幫助。謝謝。

Answer 1

因爲$('.active-slide').fadeOut(600).removeClass('active-slide');刪除類.active-slide所以選擇器不再匹配任何東西。

在第一個例子中，對象被預先存儲，所以仍然可以使用。