2

ユーザーが記事の上にカーソルを置いたときに、ブログ記事のオーバーレイを表示/非表示にしようとしています。マウスオーバー時にイベントを遅らせるために hoverIntent が正常に動作していますが、hoverIntent がない場合と同様に、マウスアウト イベントが即座に発生するようにしたいと考えています。私が知る限り、over イベントと out イベントに個別のタイムアウト値を設定する方法はありません。それらを分離する方法、または hoverIntent が over イベントのみを遅らせる方法を知っている人はいますか?

$( document ).ready( function() {    
    $(".bg-overlay").hide();

    $(".bg-entry").hoverIntent({
        over: showSummary, 
        timeout: 650, 
        out: hideSummary
    });
});

function showSummary(){ $(this).children(".bg-overlay").fadeIn("fast");  }
function hideSummary(){ $(this).children(".bg-overlay").fadeOut("fast"); }

ご協力いただきありがとうございます。

4

1 に答える 1

3

タイムアウトは、out関数が呼び出されるまでの遅延です。0に設定するだけです。

または、hoverIntentを次のように呼び出します。

$(".bg-entry").hoverIntent(showSummary, hideSummary);
于 2010-12-22T17:01:37.560 に答える