jQuery在单击时向链接添加css类

我有当前代码：

<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>

$（'ul.products-slideshow-thumbs li a'）.bind（“mousedown”，function（））{
$（此）.toggleClass（“当前”）；
});

但它不能正常工作（基本上，什么也没有发生）。

---

有什么建议吗？（恐怕我对jQuery/JavaScript还不太熟悉。）谢谢

我复制了你的代码，它似乎对我有用。您是否也尝试过

.click（）

jquery方法

试试这个：

<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>

$（文档）.ready（函数（）{
$（'ul.products-slideshow-thumbs li a'）。单击（函数（）{
$（此）.toggleClass（“当前”）；
});
});

它在这里可以正常工作：如果您按照这个顺序运行脚本，那么它将无法工作，因为DOM还没有准备好。将所有Javascript代码移到HTML下面，或者尝试使用jQuery的.ready函数包装。+1我很确定问题在于，在创建HTML元素之前，脚本正在运行。工作非常出色！@ StriplingWarrior：你说得对，我把它放在页面中间进行测试，而不是在标题标签之间放置JS。谢谢你的帮助！