活动类添加到li而不是img

时间:2014-08-27 11:28:01

标签: jquery uislider

我正在使用滑动滑块:http://slippry.com/

我希望li标签获得"活跃的"而不是li标签中的图像。

缩略图代码:

<div class="thumb-box">
<ul class="thumbs">
<li><a href="#1" data-slide="1"><img src="/assets/img/image-1.jpg" alt="caption 1 <a href='#link'>Even with links!</a>"></a></li>
<li><a href="#2" data-slide="2"><img src="/assets/img/image-2.jpg" alt="caption 2"></a></li>    
<li><a href="#3" data-slide="3"><img src="/assets/img/image-3.jpg" alt="caption 3"></a></li>
<li><a href="#4" data-slide="4"><img src="/assets/img/image-4.jpg" alt="caption 4"></a></li>
</ul>
</div>

Jquery代码

var thumbs = jQuery('#thumbnails').slippry({
// general elements & wrapper
slippryWrapper: '<div class="slippry_box thumbnails" />',
// options

onSlideBefore: function (el, index_old, index_new) {
jQuery('.thumbs a img').removeClass('active');
jQuery('img', jQuery('.thumbs a')[index_new]).addClass('active');

}});

我试过了:

onSlideBefore: function (el, index_old, index_new) {
jQuery('.thumbs li').removeClass('active');
jQuery('li', jQuery('.thumbs')[index_new]).addClass('active');

但是这会将活动类添加到所有li标记中。

1 个答案:

答案 0 :(得分:0)

尝试:

jQuery('.thumbs li')[index_new].addClass('active');