問題タブ [hoverintent]

ホバーすると要素が表示される親要素があります。ホバーすると別の要素が表示される子要素もあります。

両方が同時に起動することは望ましくありません。つまり、子の上にカーソルを置いている場合は、関連する要素のみを表示し、親要素の上に移動することを抑制します。

これを確実に機能させるのに問題があります。おそらく明らかな何かが欠けています。何か案は？

編集 - 明確化:

この場合の「親」と「子」は、お互いを認識しない別々の再利用可能なコンポーネントであるため、実際に一方から他方にコンテキストを注入することはできません

これは、jQuery とhoverIntentプラグインを使用してセットアップしたデモです。

HTML:

CSS:

JavaScript:

こちらの jsFiddle で表示できます: http://jsfiddle.net/hNqQ7/1

1. Hoverintent JQuery プラグインを使用して DIV を展開しています。
2. 「ホバー時」ではなく「クリック時」に動作するようにしたい

どうすればいいですか？これが単純な単純な JQuery であることは知っていますが、私の知識が不足しています。どんな助けでも大歓迎です。コードは次のとおりです。

JQuery HoverIntent を使用してメニューを作成しています。

私のHTMLコードの基本的な構造は次のとおりです。

JQueryコードは次のとおりです。

すべて正常に動作しますが、メニュー コンテンツが表示され、その上にカーソルを合わせようとすると、消えてしまいます。

HTML コードが以前に構成された方法では、サブメニュー コンテンツの DIV が LI タグ内にネストされていました。これは、メニュー リンクとコンテンツのホバーで正常に機能しました。ただし、IE の配置に問題があったため (メニュー コンテンツがページの大部分にまたがるため)、LI タグからそれらを取り除く必要がありました。

私が今持っている方法は、IE（CSSの位置ごと）では問題なく機能しますが、hoverIntentは機能していません。

メニュー コンテンツが LI タグ内にネストされていない場合に hoverIntent を使用する方法はありますか?!

ありがとう。

ドロップダウンメニューがあり、マウスアウトに遅延を追加したい。そのため、メニューにカーソルを合わせるとドロップダウンが表示されますが、メニューからマウスを移動すると、遅延が発生します。

私はこれを一日中検索しましたが、何も見つかりませんでした。使用方法がわからない hoverIntent プラグインを期待してください。

これが私のコードです：

HTML:

Jクエリ:

私がjavascriptの初心者だと仮定してください:)

ありがとう！

編集：

私はすべての解決策を試しましたが、パトリシアの解決策を期待してうまくいきませんでした。http://pastehtml.com/view/aykmhy9ae.htmlでわかるように、今では奇妙な動作が発生します

Drupal ビュー、ajax、hoverIntent プラグインを組み合わせてコンテンツを表示しています。問題は、ajax リクエストの後、「hoverIntent」イベントが my セレクター (この場合はビューの各行) にバインドされなくなったことです。誰にもこれに対する解決策がありますか？

プラグイン非圧縮 hoverIntent js へのリンク

hoverIntent ホームページ

以下の私のコード--

hoverIntent: これは、カーソルが行の上にある場合に行を展開し、同時に他のすべての行を折りたたみます。

編集:アヤックス:

ありがとう！

EDIT 2:解決策を見つけました。$('.view-home .views-row').hoverIntent(config);updateContainer 関数に追加します。ただし、これが最善の方法であるかどうかはわかりません。しかし、それは機能します。

正常に動作するロールオーバーのサブ ナビゲーションに以下のスクリプトを使用していますが、私がやりたいことが 1 つあります。

つまり、ホームページをロールオーバーするとサブナビが表示され、サブナビのあるコンテンツページをクリックすると、サブナビが常に表示され、オーバーサブナビがロールオーバーの上部に表示されます....その場合シーンを作る？

iv がページを作成する方法は、インクルード ファイル (inc.mainnav.php) を使用することです。

.find.attr(class).cur .cur のような somethink を使用することを考えていましたが、現在のナビゲーション ページです。しかし、jsはそれほど良くありません...

誰かが助けてくれることを願っています???

次のようなGoogleマップv2GMarkerがあるとします。

jqueryと同様の動作が必要です。通常のmouseoverイベントやmouseoutイベントではなく、hoverintentを使用して、画面上でマウスを動かしたり、誤ってGMarkerに触れたりしたときの多動を回避します。マウスが遅くなるか、マーカーで停止したときにのみ関数がトリガーされるようにしたいと思います。これは、テーブル行（tr）などの通常のdom要素のホバーインテントを使用して解決できます。

私の問題は、jQueryを使用してGMarkerを選択する方法がわからないことです。それができない場合、他の方法でGMarkersをホバーインテントにフックするにはどうすればよいですか？

ありがとう、

hoverintent プラグインの使用を無効にする必要がありますが、ページ上の既存のソース コードを制御することはできません。現時点では、次のようにレンガを投げています。

「実際の」構成要素の代わりに null を渡すよりも、これを行うためのより良い方法はありますか?

ありがとう

hoverIntentプラグインが機能しないようです。それは間違いなくjQueryとhoverIntentをロードしています。ただし、.hoverIntent（）は「関数ではありません」。（.hover（）は正常に機能します）。

サイトに次のjQueryを設定しています。

それは機能しますが、反応が強すぎて、マウスがその上を通過するたびに飛び出します。HoverIntentを使用して、獣を少し取り出したいと思います。

唯一の問題は、これがどのように行われるかを知るためのホバーの意図に精通していないことです。どんな助けでもありがたいです。

ありがとう！