2013-09-24 60 views
0

好的,所以我已經嘗試了很多東西,似乎沒有任何工作。我希望下拉菜單在用戶閒置幾秒鐘後保持打開狀態(我認爲這會導致可用性問題),我如何使用當前的代碼進行這項工作?下拉菜單需要保持打開後.hover

$(".dropdown .sub").hover(function() { 
    $("#menu .holder").show(); 
}); 
+0

你能分享你試着用[的jsfiddle(http://jsfiddle.net)嗎?從你剛剛發佈的內容來看,你的菜單沒有任何理由會消失。 – simdrouin

回答

0

檢查這個答案:Add delay before .hide() w/jQuery

var my_timer; 
$(".item").hover(
    function() { 
     clearTimeout(my_timer); 
     $(this).show(); 
    }, 
    function() { 
     var $this = $(this); 
     my_timer = setTimeout(function() { 
      $this.hide(); 
     }, 500); 
    }      
); 
+0

不幸的是,由於某種原因,這不起作用: var my_timer; \t $( 「下拉.SUB。 」)懸停(函數(){ clearTimeout(my_timer); \t $(「 #菜單.holder」)顯示();} , 函數(){VAR $ this = $(this); my_timer = setTimeout(function(){ $ this.hide(); },500); } – markp

+0

我回答了我自己的問題:$('。dropdown .sub')。 mouseleave(function(){('#menu.holder')。delay(800).slideUp(400); }); – markp

相關問題