jquery delay（）アニメーションを破る

Question

私は実際にうまく動作するドロップダウンメニューを持っていますが、ユーザがボックスから外に出てから500msの間話すためにはドロップダウン状態にしておきたいと思います。

.delay(500)を使用しようとしましたが、アニメーションが詰まってメニューが消えないようです。

ここに私のコードです。

$(function(){ 
$("ul.dropdown li ul").hide(0); 
$("ul.dropdown li").hover(function(){ 
    $(this).addClass("hover"); 
    $('ul:first',this).show(0); 
}, function(){ 
    $(this).removeClass("hover"); 
    $('ul:first',this).delay(500).hide(0); 
}); 
$("ul.dropdown li ul li:has(ul)").find("a:first").append("»"); 

}）;

Answer 1

この遅延はsetTimeoutと同じように使用しています。あなたがやっていることについては、setTimeoutを使うことをお勧めします。

ところで、あなたはそれを戻したいと思うかもしれないので、あなたは500ミリ秒後にそれを隠していますか？はいの場合、隠れ機能をキャンセルするには、ユーザーがそれに戻ると考える必要があります。チームメイトの

$(function(){ 
var myTimeout = null; 
$("ul.dropdown li ul").hide(0); 
$("ul.dropdown li").hover(function(){ 
    if (myTimeout) clearTimeout(myTimeout); 
    $(this).addClass("hover"); 
    $('ul:first',this).show(0); 
}, function(){ 
    var _thisRef = $(this); 
    _thisRef.removeClass("hover"); 
    myTimeout = setTimeout(function() { 
     _thisRef.find("ul:first").hide(); 
    }, 500); 
}); 

$("ul.dropdown li ul li:has(ul)").find("a:first").append("»"); 
});