为什么我需要在此实例中使用变量而不是输入变量值？

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所以选择器不再匹配任何东西。

在第一个例子中，对象被预先存储，所以仍然可以使用。