hoverintentプラグインは、必要と反対です。 .popupは.triggerによってトリガされていますが、私が立ち去ったときに.popupを数秒間フェードアウトしないようにしたいのですが、私が立ち去った後に再び立ち上げたら、 .popupを開いたままにしておきます。Jquery:mouseleaveに遅延を追加する方法。故意に要素を誤って横切っても、まだ開いたままになっています。
どのように私はこれを行うだろう知っていますか?
これは動作しませんが、それはアイデアだった:あなたはjqueryのhoverintentプラグインを使用して試みることができる
$('.trigger').hover(function(){
$('.popup').fadeIn(600)
}, function() {
$('.popup').delay(2000, function(){
if ($(this).blur() = true) {
$('.popup').fadeOut(600)
}
});
})
すべてを微調整する設定があります。 'timeout'プロパティは、 'out'関数が – stephen776
と呼ばれる前に遅延を設定します。したがって、 'startHover'関数はポップアップを表示し、' endhover'関数はそれを削除します。タイムアウトは、エリアのマウスアウト時にend関数が呼び出されるまでに遅延を設定します...あなたの望みの効果を達成する – stephen776
fadeIn/fadeOutロジックを組み込むように編集しました – stephen776