1

私は現在のコードを持っています:

<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 にかなり慣れていません。) ありがとうございます。

4

2 に答える 2

1

私はあなたのコードをコピーしましたが、うまくいくように見えました。.click()jqueryメソッドも試しましたか?

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

于 2011-04-04T23:42:54.073 に答える
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>
于 2011-04-04T23:43:01.730 に答える