jquery - CSS メニューに jquery を追加する

Question

jquery を必要とする CSS メニューがあります。悲しいことに、私はそれを理解するのに苦労しています。以下はそのモックアップです。一番上のメニューにカーソルを合わせると、ドロップダウンが表示されます。jqueryを使用すると、他のサブリンクにカーソルを合わせてその子を開くと、最初の子がその子を開いてからクラスを切り替える必要があります。

Here is my fiddle: http://jsfiddle.net/ciancastillo/wtruM/

ありがとう！

Answer 1

jQuery 関数を HTML 要素に追加する場合は、load() を使用します。

 <script type="text/javascript">
     $('#idOfItem').load(function() {
          $("td").hover( 
               function () {
                    $(this).addClass("hover");
               }, 
               function () {
                    $(this).removeClass("hover");
          });
      });
 </script>

http://api.jquery.com/load-event/

クラス全体 (.dropdownItem など) にバインドする場合は、別のセレクターを使用します。

 $('.dropdownItem').load(function() {
          //Your code here
      });

その他の jQuery セレクター: http://api.jquery.com/category/selectors/

CSS クラスの追加または削除: http://api.jquery.com/removeClass/ http://api.jquery.com/addClass/