所以,我正在用这个标记构建一个简单的幻灯片控件:
<div class="previous"> </div>
<div class="next"> </div>
<div class="gallery"> </div>
<div class="image-0"> </div>
<div class="image-1"> </div>
<div class="image-2"> </div>
<div class="image-3 active"> </div>
<div class="image-8"> </div>
<div class="image-9"> </div>
<div class="image-10"> </div>
<div class="image-11"> </div>
</div>
我正在尝试使用 jQuery 进行导航,如下所示:
$('.next').click(function() {
$('.active').next().addClass('active');
$('.active').first().removeClass('active');
});
$('.previous').click(function() {
$('.active').prev().addClass('active');
$('.active').last().removeClass('active');
});
因此,第一个 jQuery 块按预期工作,首先将active
类分配给下一个 div,然后从第一个 div 中删除它。第二个块应该反过来做,但是在将它添加到前一个项目之后不会从最后一个项目中删除该类。
我是从错误的角度解决这个问题吗?还是 first() 和 last() 函数的工作方式不同?从我从 jquery 文档中可以看出,这应该可以工作。