微型轮播将类添加到可见项分页
微型轮播将类添加到可见项分页
提问于 2013-02-21 05:37:04
我的旋转木马一次显示2个项目，总共有6个项目。
图片下方有一个带编号的选择器，但它一次只突出显示一个。如何在当前显示的2个图像中突出显示(或向页面选择器中添加类)。也就是说，如果我正在查看图片4和5，那么1 2 3 "4 5“6-4&5将具有添加的类。
<div id="slider-code">
<a href="#" class="buttons prev">left</a>
<div class="viewport">
<ul class="overview">
<li><img src="images/picture7.jpg"></li>
<li><img src="images/picture5.jpg"></li>
<li><img src="images/picture6.jpg"></li>
<li><img src="images/picture4.jpg"></li>
<li><img src="images/picture3.jpg"></li>
<li><img src="images/picture2.jpg"></li>
</ul>
</div>
<a href="#" class="buttons next">right</a>
<ul class="pager">
<li><a rel="0" class="pagenum" href="#">1</a></li>
<li><a rel="1" class="pagenum" href="#">2</a></li>
<li><a rel="2" class="pagenum" href="#">3</a></li>
<li><a rel="3" class="pagenum" href="#">4</a></li>
<li><a rel="4" class="pagenum" href="#">5</a></li>
<li><a rel="5" class="pagenum" href="#">6</a></li>
</ul>
</div>我没有包括JS，因为这个插件(微型转盘)只有几个简单的选项。
谢谢
回答 1
Stack Overflow用户
发布于 2013-02-21 06:54:40
嗯..。不知道你想做什么，但我是这么想的：
$('a').click( function(){
$('a').removeClass('active');
$(this).addClass('active').next('a').addClass('active');
});这将激活单击的项目和下一个项目。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14990411
复制相关文章
相似问题
腾讯云开发者
