javascript - jQueryトグルグリッチ

Question

jQuery の slideToggle() の問題を回避する方法はありますか?

誰かがリンクにカーソルを合わせると、その下にスライドトグルリストがある水平スライドメニューがあります。

ポイントは、jQuery が読み込まれる前にマウスをリンクの上に置いたときです。すべてが正反対に機能します。ホバーするとメニューが消え、ポインターが別の場所にあるときに表示されます。だからメニューは役に立たない。

jQuery コードは次のとおりです。

$('#nav li').hover(function(){
$(this).children('ul').slideToggle();

}))

たぶん、「nav li がホバリングして ul が見えない場合は、もう一度スライドトグルする」のようないくつかの条文でしょうか? しかし、私はそれを書く方法がわかりません。

どうもありがとう。

score 2 · Accepted Answer

ここで (マウスの初期位置とは無関係に) 確認するには、次のように onとon.hover()を明示的に呼び出すように分割する必要があります。.slideDown()mouseenter.slideUp()mouseleave

$('#nav li').hover(function(){
  $(this).children('ul').slideDown();
}, function() {
  $(this).children('ul').slideUp();
});

1 に答える 1