順序付けられていないリストを使用し、jQuery ホバー メソッドを使用する CSS ドロップダウン メニューがあります。ユーザーがページの読み込み中にホバーにバインドされている要素の上にカーソルを置いた場合を除いて、うまく機能しています。
これが発生すると、カーソルが「ホバー」領域を離れると、ドロップダウンがずれて表示されます。カーソルがホバー領域に戻ると、メニューは元の位置に戻ります。
いえ
果物 野菜 りんご にんじん 梨 ビーツ
ユーザーが果物にカーソルを合わせると、メニューが正しい位置にドロップダウンします。ページの読み込み中にユーザーがカーソルを「Fruits」の上に戻すと、カーソルが「Fruits」を離れたときにドロップダウンがずれて表示されます。「Fruits」から「Fruits」に戻ると、メニューが正しく再配置されます。
$(document).ready ですべてをラップしようとしましたが、ページの読み込み中にメニューオプションがマウスオーバーされた場合にのみ発生するように見えるため、これが役立つと考えています。運がない。
これが私が作っているjquery呼び出しです：
$("ul.dropdown li.navMainFmt").hover(function(){
$(this).addClass("hover");
$('ul:first',this).fadeIn();
// }、 関数（）{
$(this).removeClass("hover");
$('ul:first',this).toggle();
});
答えを求めてstackoverflowを検索しましたが、質問の言い回しがよくわかりません。以前のソリューションへのアイデアや投稿は大歓迎です。