0

前の質問に関連して：-

マウスが最初または 2 番目の div の上にある場合、2 番目の div を表示したままにします

2 番目の div が少し遅れて (1 秒)表示されるようにし、マウスが最初または 2 番目の div の上にある場合に div を表示したままにする方法。

ある程度の進歩はありましたが、うまくいきません。なぜ機能しないのですか？

現在の進行 ：-

var display = false;

$(".the-dropdown, .menu-item").hover(function () {    
    display = true;
    setTimeout(function () {
        show_sub_menu($(this));
    }, 1000);
}, function () {
    display = false;
    setTimeout(function () {
        hide_sub_menu($(this));
    }, 1000);    
});

function show_sub_menu(obj) {
    //alert(obj); // debugging
    if (display === true) {
        obj.show();
    }
}

function hide_sub_menu(obj) {
    if (display === false) {
        obj.hide();
    }
}

jsfiddle

4

2 に答える 2

0

これを試してください:デモ

$('.menu-item , .the-dropdown').hover(
    function(){
               $("div.the-dropdown").delay('1000').show();
              }
    , function(){
              $("div.the-dropdown").delay('1000').hide();
              }
);
于 2013-09-19T09:55:09.373 に答える