的jQuery Cycle插件，添加类当前幻灯片缩略图/链接

Question

我目前使用这个jQuery Cycle插件： http://jquery.malsup.com/cycle/

而且我有以下代码：

<script type="text/javascript"> 
// Slideshow cycle init 
$(document).ready(function() { 
    $('#slideshow').cycle({ 
     fx: 'fade', 
     speed: 500 
    }); 
}); 
function setSlide(index) { 
    $('#slideshow').cycle(index); 
} 

// current link 
$(document).ready(function(){ 
    $('ul.products-slideshow-thumbs li a').click(function(){ 
     $(this).addClass("current").removeClass("current"); // this is what I'm trying to work on.. 
    }); 
    }); 
</script> 

<div id="slideshow" class="products-slideshow"> 
    <img src="product-slides/1.jpg" /> 
    <img src="product-slides/2.jpg" /> 
    <img src="product-slides/3.jpg" /> 
    <img src="product-slides/4.jpg" /> 
    <img src="product-slides/5.jpg" /> 
</div> 

<ul class="products-slideshow-thumbs"> 
    <li><a onclick="setSlide(0);"><img src="product-slides/thumbs/1.jpg" /></a></li> 
    <li><a onclick="setSlide(1);"><img src="product-slides/thumbs/2.jpg" /></a></li> 
    <li><a onclick="setSlide(2);"><img src="product-slides/thumbs/3.jpg" /></a></li> 
    <li><a onclick="setSlide(3);"><img src="product-slides/thumbs/4.jpg" /></a></li> 
    <li><a onclick="setSlide(4);"><img src="product-slides/thumbs/5.jpg" /></a></li> 
</ul> 

现在，它的工作原理因为它应该放映幻灯片和风格明智。不过，我试图用jQuery将一个类添加到当前显示的缩略图链接（包含在“products-slideshow-thumbs”类中）。
jQuery的我在上面的代码中添加类，当我点击缩略图的链接，但是当我点击另一个文本链接，无论缩略图的链接保留“当前”类。有没有办法确保只有一个链接（当前链接）保持“当前”类？

任何建议将不胜感激！谢谢你的阅读。

Answer 1

更改此：

$(document).ready(function(){ 
    $('ul.products-slideshow-thumbs li a').click(function(){ 
     $(this).addClass("current").removeClass("current"); // this is what I'm trying to work on.. 
    }); 
    }); 

到这一点：

$(document).ready(function(){ 
    $('ul.products-slideshow-thumbs li a').click(function(){ 
     $('ul.products-slideshow-thumbs li a').removeClass("current"); 
     $(this).addClass("current"); 
    }); 
    }); 

见我做什么呢？在将当前等级添加到$(this)之前，我将其从所有其他products-slideshow-thumbs li a的