我有当前代码:
<script type="text/javascript">
$('ul.products-slideshow-thumbs li a').bind("mousedown", function(){
$(this).toggleClass("current");
});
</script>
<ul class="products-slideshow-thumbs">
<li><a href="#"><img src="product-slides/thumbs/1.jpg" /></a></li>
<li><a href="#"><img src="product-slides/thumbs/2.jpg" /></a></li>
<li><a href="#"><img src="product-slides/thumbs/3.jpg" /></a></li>
</ul>
但它不能正常工作(基本上什么也不会发生)。
有什么建议么？ (恐怕我对 jQuery/JavaScript 还很陌生。)谢谢!
最佳答案
试试这个:
<script type="text/javascript">
$(document).ready(function(){
$('ul.products-slideshow-thumbs li a').click(function(){
$(this).toggleClass("current");
});
});
</script>
<ul class="products-slideshow-thumbs">
<li><a href="#"><img src="product-slides/thumbs/1.jpg" /></a></li>
<li><a href="#"><img src="product-slides/thumbs/2.jpg" /></a></li>
<li><a href="#"><img src="product-slides/thumbs/3.jpg" /></a></li>
</ul>
关于jQuery 在单击时将 css 类添加到链接，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5545553/