メニューのインテント ホバーを検出するために、hoverintent プラグインを使用します。 http://cherne.net/brian/resources/jquery.hoverIntent.html
$( "#menu li a").stop().hoverIntent({
sensitivity: 3, // number = sensitivity threshold (must be 1 or higher)
interval: 60, // number = milliseconds of polling interval
over: function () {
... the submenu category appears....
}
});
この例では、関数を起動する前に 60 ミリ秒の遅延を作成します。しかし、サブメニューが既に開いている場合は、この 60 インチの遅延が発生したくありません。そのため、.hovermenu が表示されている場合は間隔を 0 に設定し、.hovermenu が表示されている場合は 60 に設定します。
if/else のような条件を追加しようとしました:
if ($(".hovermenu").css("visibility") == "hidden") {
interval: 60,
} else {
interval: 0,
}
編集: ここに jsfiddle があります: http://jsfiddle.net/fgfjn/4/ この Js fiddle では、効果を強調するために開始間隔が 300ms に設定されています。
しかし、それはうまくいきません...私は多くの方法を試しましたが、解決策が見つかりません...アイデアがあればどうもありがとう!