jQuery Добавление класса CSS к ссылке при нажатии

Question

У меня есть текущий код:

<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.) Спасибо!

Answer 1

Попробуйте это:

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

Answer 2

Я скопировал твой код, и он, похоже, мне помог.Вы также пробовали метод .click() jquery?

http://jsfiddle.net/jordanlewis/X6mn5/