0

私はjqueryまたはjavascriptを使用<li class="cat">して、猫のリストにカーソルを合わせたときに動的に変更したくありませ<li class="cat show">ん。また、joomlaを使用しているため、noConflict関数を考慮に入れています

<ul> 
  <li class="cat"> <a class="rt" href="" aria-haspopup="true">Motors</a>
    <div class="sub" role="menu"> 
      <ul class="col"> 
        <li class="title">Top categories</li> 
        <li class="icn"> <a href="" aria-haspopup="false">Cars</a></li>
        <li class="icn"> <a href="" aria-haspopup="false">Motorcycles</a></li> 
        <li class="icn"> <a href="" aria-haspopup="false">Parts</a></li> 
    </ul> 
</ul>

私を助けてください ：）

4

2 に答える 2

0

jQuery の on hover 関数を使用できます。ドキュメントを参照してください。

まず、ホバー機能でトリガーしたいタグを選択します。

ホバー関数の最初のパラメーターは handlerIn (マウスが入ったときに起こること) で、2 番目の関数パラメーターは handlerOut (マウスが再び離れたとき) です。

マウスが入ると、クラス「show」を追加しますが、マウスが再び出ると、そのクラスを削除します。

$("li.cat").hover(
  function () {
    $(this).addClass("show");
  },
  function () {
    $(this).removeClass("show");
  }
);

これはあなたの質問に答えますか?

于 2013-08-16T14:06:01.177 に答える