jquery - mouseenterを使用したJquery popUpメニューから、mouseleave fadeOutを遅延でバインドする

Question

DIV別の DIV トリガー要素をクリックするとフェードインするものがあります。次のようなスクリプトを思い付くことができません。

• マウスを離すと、少し遅れて (例: 500 ミリ秒)フェードアウトしますが、DIV500 ミリ秒が実行される前にもう一度マウスオーバーすると、要素の可視性が何らかの形で回復します。

アドバイスをありがとう。

Answer 1

これはあなたのためにそれをするべきです！

JS Fiddle のデモは次のとおりです: http://jsfiddle.net/bCCnB/

$('#divid').mouseout(function() {
    var timeout = window.setTimeout(function() {
        $(this).hide();
    }.bind(this), 500);
    $(this).data('timeout', timeout);
});

$('#divid').mouseover(function() {
    var timeout = $(this).data('timeout');
    if (timeout) {
        window.clearInterval(timeout);
        $(this).data('timeout', null);
    }
});