3

JqueryのslideDownメニューに問題があります。slideDown イベントをトリガーするボタンにカーソルを合わせると完全に機能しますが、スライドしたサブメニューにカーソルを合わせると、slideUp イベントがトリガーされてメニューが閉じます。

最初のボタンにカーソルを合わせてサブメニューのslideDownをトリガーした後、サブメニューにカーソルを合わせていると、サブメニューがなくなるまでサブメニューが開いたままになるようにコードを変更する方法を探しています最初のボタンまたはサブメニューにカーソルを合わせます..それが十分に明確であることを願っています.

これは、サブメニューを除いて正常に動作する、これまでの Jquery です。

$(document).ready(function () {
var menu = $('.menu')

menu.hide();

$('#mainbutton').hover(

    function () {
        $('.menu').stop(true, true).slideDown(400);
    },

    function () {
        $('.menu').stop(true, true).slideUp(400);
    }

);

});

助言がありますか？私はそれがかなり簡単なことだと確信しています.他の人の解決策を見つけるのに十分なほど私の質問を正しく言い表すことができませんでしたu_u

ご協力いただきありがとうございます。

編集：これがjsfiddleです- http://jsfiddle.net/mXXEP/

4

2 に答える 2

1

.menu divこれを行う簡単な方法は、次のように、mouseleave をチェックするだけです:

$(document).ready(function () {
var menu = $('.menu')
menu.hide();

$('#mainbutton').mouseover(
    function () {
        menu.stop(true, true).slideDown(400);
    }
);

$(".menu").mouseleave(       
    function () {
        menu.stop(true, true).slideUp(400)
    })
});

フィドル

于 2013-08-23T07:51:48.430 に答える