LIは私のjqueryの効果私のメニュー

Question

に私はここで見ることができる画像スライダーのためのjQueryの持っている：http://jsfiddle.net/S4LGr/42/

をそして私は-ul-そしてもちろん-li-と古典の水平メニューを持っています。

しかし、このjqueryは私のメニューに影響を与えます。メニューをクリックすると、それは動作しませんが、jqueryの仕事を行い、例で見ることができるlitte thumbsをクリックしているような大きなdivを変更します。

どうすればこの問題を解決できますか？

Answer 1

$('li').click(fn)と言うときは、コードでは、 "ちょっとjQuery、すべてli要素を見つけて、クリックするたびにfnを実行してください。

の子要素である<div id="links">に制限したいと思っていましたが、代わりに代わりに$('#links li').click(fn)を使用します。

div-does-does-nothingの代わりに<ul id="links" class="horizontal_scroll_menu">を使用することもできます。インターネット上の不必要な部門を削減してください。

Answer 2

セレクタに詳細を追加します。 $("ul.horizontal_scroll_menu li")はそのトリックを行うべきです。実装をご覧ください：http://jsfiddle.net/S4LGr/43/

Answer 3

var container = $('#detail'), 
bigimages = container.find("div"); 
bigimages.first().fadeIn("slow"); 
    $('.horizontal_scroll_menu li').each(function (idx) { 
     $(this).click(function (e) { 
      bigimages.stop(true,true).hide().eq(idx).fadeIn("slow"); 
     }) 
    });​ 

試してみてください。