好的,所以我已經嘗試了很多東西,似乎沒有任何工作。我希望下拉菜單在用戶閒置幾秒鐘後保持打開狀態(我認爲這會導致可用性問題),我如何使用當前的代碼進行這項工作?下拉菜單需要保持打開後.hover
$(".dropdown .sub").hover(function() {
$("#menu .holder").show();
});
好的,所以我已經嘗試了很多東西,似乎沒有任何工作。我希望下拉菜單在用戶閒置幾秒鐘後保持打開狀態(我認爲這會導致可用性問題),我如何使用當前的代碼進行這項工作?下拉菜單需要保持打開後.hover
$(".dropdown .sub").hover(function() {
$("#menu .holder").show();
});
檢查這個答案: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);
}
);
不幸的是,由於某種原因,這不起作用: var my_timer; \t $( 「下拉.SUB。 」)懸停(函數(){ clearTimeout(my_timer); \t $(「 #菜單.holder」)顯示();} , 函數(){VAR $ this = $(this); my_timer = setTimeout(function(){ $ this.hide(); },500); } – markp
我回答了我自己的問題:$('。dropdown .sub')。 mouseleave(function(){('#menu.holder')。delay(800).slideUp(400); }); – markp
你能分享你試着用[的jsfiddle(http://jsfiddle.net)嗎?從你剛剛發佈的內容來看,你的菜單沒有任何理由會消失。 – simdrouin