問題タブ [hoverintent]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
2959 参照

javascript - jQuery hoverIntent プラグインでの cfg.hover エラー

hoverIntent プラグインを使用して、プログレス バーのアニメーション効果を遅らせようとしています。しかし、なぜか hoverIntent がまったく機能していないようです。

ページヘッダーに次のものがあります(すべてのパスが確認されています):

sitewide.js では、次を実行します。

しかし、関連する div にカーソルを合わせると、ブラウザーで何も起こらず、コンソールに次のエラーが表示されます。

「cfg.over は未​​定義です」および「cfg.out は未定義です」

jQuery の組み込みの「ホバー」を使用してテストしましたが、問題なく動作します。イージング プラグインと競合する可能性も考えましたが、HTML および JS ファイルでイージング プラグインへの参照を削除した後も、同じ問題が発生します。最後に、安全のために他のすべてのカスタム JS を削除しましたが、問題は解決しません。

何か案は?ありがとう!

0 投票する
1 に答える
3356 参照

events - イベント特別なホバーを使用するためのjQueryツールのツールチップ

jqueryツールのツールチップを変更する方法を知っている人はいますか: http://flowplayer.org/tools/tooltip.html

イベント スペシャル ホバーを使用するには: http://blog.threedubmedia.com/2008/08/eventspecialhover.html

jQuery ツールのツールチップは hover メソッドに依存しないため、プラグインをロードするだけでは不十分です。

イベント ホバーのソース: http://threedubmedia.googlecode.com/files/jquery.event.hover-1.0.js jquery ツール ツールチップのソース: http://flowplayer.org/js/tools/tools.tooltip- 1.1.1.js

私はこれをしばらくの間機能させようとしてきました。前もって感謝します。

0 投票する
2 に答える
9327 参照

jquery - ホバーインテントで遅延

...これは機能しますが、2つの問題があります。

  1. 本来のように5秒待たないようで、何を設定してもほぼ瞬時に開きます。

  2. 同じページでhoverintentプラグインを使用するすべての要素に影響します。

助けていただければ幸いです。ありがとう!

0 投票する
4 に答える
2830 参照

jquery - MVC、jquery、hoverIntent、エラー:オブジェクトはこのプロパティまたはメソッドをサポートしていません

私はhoverIntentで1つの時間を過ごしています。「エラー:オブジェクトはこのプロパティまたはメソッドをサポートしていません」というポップアップが表示され続けます。.hoverIntentを.hoverに変更すると、「機能」します。通常のファイルと縮小ファイルを試しましたが、どちらも機能しません。ここからダウンロードしました

このページには2つのスクリプトしかありません。(これは私がこれを行おうとしているMVCマスターページにあります)

これを添付しようとしているナビゲーションアイテムは次のようになります。

理想的には、ドロップダウンナビゲーションを作成しようとしています。しかし、hoverIntentを使用して、最も基本的なテストを進めることができません。これが機能しない理由について何かアイデアはありますか?

0 投票する
1 に答える
706 参照

jquery - jQuery scrollIntent、hoverIntentに似ています

hoverIntentに似た関数を探していますが、スクロール用です。スクロールしながらサイドバーを動かして置いたままにする機能があります。つまり、移動/計算は非常に接近して行われるため、スクロール中に「常に表示される」ボックスがちらつきます。ユーザーがその位置にスクロールしようとしている可能性が非常に高い場合にのみ起動する発明を探しています。次に、単純なcssプロパティの変更ではなく、いくつかの凝った緩和効果を実行します。

0 投票する
2 に答える
1699 参照

jquery - hoverIntent は、select 要素で「out」関数をトリガーします

次のコードは、メガ ドロップダウンの表示と非表示に使用されます。「dropDown」クラスのリンクにマウスオーバーすると、その子「.dropPanel」が表示されます。マウスがリンクまたはドロップ パネルの上にある限り、ドロップ パネルは表示されたままになります。リンクまたはパネル以外の場所にカーソルを移動すると、パネルが非表示になります。かなり基本的なもの。

これらのメガ ドロップダウンのいくつかには、select 要素を含むフォームがあります。Firefox では、すべて問題ありません。IE (特に 8 では他のバージョンはテストしていません) では、ドロップ パネルの選択要素にマウスを合わせると、hoverIntent が dropPanelOff() の「out」関数を起動し、ドロップ パネルが非表示になります。

これを防ぐにはどうすればよいですか?

0 投票する
1 に答える
1732 参照

jquery - jquery hoverIntent とフォーカス時のキーボード トリガー

ドロップダウン メガ メニューには、人気のある hoverIntent jQuery プラグインを使用しています。

http://cherne.net/brian/resources/jquery.hoverIntent.html

リストアイテムに添付しています:

これは意図したとおりに機能します。マウスを LI の上に置くと、hoverIntent がトリガーされ、メニューが表示されます。

各 LI には、アンカー タグ (リンク) もあります。リンク(フォーカス)への個人タブを作成してから、メニューもトリガーできるようにしたいと思います。これは、キーボードを介してメニューを機能させるためです。

さまざまな設定を試しましたが、どれもうまくいかないようです:

 

そして、この混乱でさえ:

キーボード/フォーカス イベントと一緒に hoverIntent を使用した人はいますか? 私の構文またはロジックは間違っていますか?

更新/解決策:

hoverIntent ロジックを掘り下げていたところ、それ自体がメニューを表示/非表示にする機能をトリガーしていることに気付きました。私の特定の問題の解決策は、別のイベントを介して hoverIntent をトリガーするのではなく、フォーカス イベントを介して hoverIntent が直接呼び出す関数を呼び出すことです。後から考えると明らかです。

0 投票する
1 に答える
1774 参照

jquery - スライド パネル用の jQuery HoverIntent のプラグイン

次のコードを実行して、div "#top_mailing" がホバーされたときに非表示の div "#top_mailing_hidden" を表示するドロップダウン アコーディオンを作成します。問題は、マウスアウトしてからもう一度マウスオーバーしてアニメーションを中断すると、アニメーションが中止されて失敗することです。

次のコードがあります。

});

Brian Cherne のプラグインでは、次のように hoverIntent 関数を呼び出すように指示されています (ここで、'makeTall' と 'makeShort' は定義された関数です:

私が得ている動作の最良の解決策は、Brian Cherne の「HoverIntent」jQuery プラグインを使用することだと思います。問題は、コードを上記に挿入して HoverIntent プラグインを呼び出す方法/場所がわからないことです。.hover ではなく ".hoverIntent" を呼び出すように指示されていますが、私のコードでは .bind("mouseEnter"... 誰か助けてください!

0 投票する
1 に答える
1984 参照

javascript - jQuery hoverIntentプラグインはInternetExplorerで機能しますか?

hoverIntentプラグインはInternetExplorerと互換性がありますか次のJavaScriptにプラグインするのに問題があります。

他のブラウザで以下を使用していますが、IE7では機能しません