2011-12-04 12 views
0

申し訳ありませんが、タイトルは具体的ではありません。私はコード化されたjqueryメニューに若干の問題があります。それはwlmtest.infoで見ることができますJqueryメニューの特徴

それはメインメニューです。私が抱えている問題は以下の通りです。

上部のメニューボタンにカーソルを合わせると、メニューが表示されなくなります。今すぐあなたのマウスを上に移動し、実際のドロップダウン上にマウスを置かないでください。マウスがメニューを離れても、メニュードロップは表示され続けます。

ドロップダウンを取り除く唯一の方法は、メニューのドロップダウンにカーソルを移動してからマウスを移動することです。あなたは私がディスプレイにドロップダウンを取得するためのMouseEnterを持って見ることができるように

jQuery("ul.lmenutabs li").mouseenter(function() 
{ 
    jQuery("ul.lmenutabs li").removeClass("active"); //Remove any "active" class 
    jQuery(this).addClass("active"); //Add "active" class to selected tab 
    jQuery(".lmenutab_content").hide(); //Hide all tab content 

    var activeTab = jQuery(this).find("a").attr("href"); //Find the href attribute  value to identify the active tab + content 
    jQuery(activeTab).fadeIn(); //Fade in the active ID content 
    jQuery(".lmenutab_container").fadeIn() 
    return false; 
}); 

jQuery(".lmenutab_container").mouseleave(function() { 
    jQuery(".lmenutab_content").hide(); //Hide all content 
    jQuery(".lmenutab_container").hide(); //Hide all content 
    jQuery("ul.lmenutabs li").removeClass("active"); 
    return false; 
}); 

を次のように

私のコードです。ドロップダウンの上にマウスを置いて離れると、ドロップダウンリストが非表示になります。

トップにメニューボタンを置いてもドロップダウンが表示されないようにするにはどうすればよいですか?ボタンをドロップダウンメニューの上に置いたままにするとドロップダウンが消えません。

ごめんなさいこの音が混乱するように聞こえる場合は、私が必要な場合には再度説明しようとします。

ご迷惑をおかけして申し訳ありません。

答えて

0

メニュー自体でmouseleave()イベントが発生するのを待っていますが、マウスがメニューに入らない場合、マウスの離脱イベントは発生しません。

ヘッダーにmouseenterイベントを追加してメニューを非表示にし、ページ上でonClick()アクションを使用して、ユーザーがいつもメニューを外してメニューを削除できるようにします。

+0

ありがとうございますsylverdrag。私はこれを知っている、私はちょうど私がどのように問題を解決するだろう私の頭をかなり得ることはできません。 ボタンにmouseleaveを置くと、メニューがドロップダウンするだけですが、メニューの項目の1つに移動するとすぐにドロップダウンが消えます。これは当然期待されていますが、私はボタンとドロップダウンdivのための方法が何らかの形でグループとして動作する必要があります。 –

+0

ありがとう!私は、onclickイベントの代わりに、メニューの両側に2つの目に見えないdivを配置し、それらの上にマウスを隠すことを決めました。私はすべてが今よくなったと思う。 –

+0

助けになるのはうれしい – Sylverdrag

関連する問題