問題タブ [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 に答える
2313 参照

jquery - jquery と hoverintent を使用した水平ドロップダウン メニュー

jquery と hoverintent を使用して水平ドロップダウン メニューを実装しようとしています。ほぼ理解できましたが、ドロップダウン リンクを含む "li" からマウスを離して、topnav の別の "li" に移動すると、メニューはそこにとどまります。

目標:
-ドロップダウン メニューをトリガーするリンクをクリックします -メニュー
の高さが拡張され、ページ コンテンツが押し下げ
られます-サブメニューが表示されます -
サブメニューまたはトリガーからマウスを離すと、メニューが消えます

現時点では、マウスがメニュー上にある限り、サブメニューは引き続き表示されます。

ここでコードを変更しようとしましたが、例のように機能せず、理由がわかりません。
クリックイベントによって開始される HoverIntent jQuery プラグイン

私の HTML:

私のJQUERY:

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

jquery - hoverIntent + 閉じるボタン (タイムアウトの問題?)

ショッピング バッグ (#bagContainer) で hoverIntent を使用していますが、すべて問題なく動作します。

しかし、次のような「追加の」閉じるボタン (#bagCollapser) をバッグ内に追加する必要があります。

#bagContainer を閉じますが、hoverIntent と競合しているようです:

  1. ボタンはバッグを非表示にしますが、その後、 bagTimeout の後、 hoverIntent はバッグを再び非表示にします
  2. バッグがボタンで閉じられた場合、hoverIntent のタイムアウト/遅延が経過するまで再び表示することはできません...

何か案は?

よろしくお願いします!

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

javascript - jqueryホバーの問題

私のHTMLを検討してください

マウスを上に置くと下にスライドし、マウスを上に置くと上にスライドする<h2>ようにホバーしたいと思います。div.box_text_homepage私の問題は、マウスが上にあるときでもメニューがスライドして戻るdiv.box_text_homepageことです。どうすればそれを止めることができますか?

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

javascript - Javascript Hover Intent を stunicholls Professional ドロップライン #2 すべての CSS メニューに追加するにはどうすればよいですか

このすべてのCSSメニューにホバーインテントをどのように適用しますか? この問題について本当に助けが必要です!!!!!!!!

これは、使用したいメニュー コードの名前とリンクです。

プロのドロップライン #2 http://www.stunicholls.com/menu/pro_dropline_2.html

私は多くのサイトを見てきましたが、そこにあるコードが必要なものであるかどうかはわかりませんでした. そのような 2 つを以下に示します。

  1. http://cherne.net/brian/resources/jquery.hoverIntent.html
  2. http://users.tpg.com.au/j_birch/plugins/superfish/#getting-started

任意の支援をいただければ幸いです。

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

jquery - シンプルな HoverIntent メニューに JQuery Easing を追加するにはどうすればよいですか

  • Hover Intentを使用する簡単なメニューを作成しました。
  • これがメニューです(JQueryEasingがリンクされています)。
  • 現時点では.animate、メニュー項目の開閉をアニメーション化するために使用されています。

このモーションに JQueryEasing を追加するにはどうすればよいですか (jswing や Elastic など)。

どんな助けでも大歓迎です。

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

javascript - ホバーインテントの実装

このWordpressテーマの開発を終えたところです:http: //www.minnesdiner.com/

すべてがうまく機能していますが、ナビゲーションに100%満足しているわけではありません。スライド位置インジケーターはスムーズに機能しますが、ホバーインテントjQueryプラグインを統合して、ユーザーが意図せずにナビゲーションを通過したときにスライドインジケーターがスライドしないようにしたいと思います。

このプラグインを統合する方法について何かアイデアはありますか?現在、ナビゲーションアイテムごとに個別のjQuery関数を起動し、ホバーされているアイテムに基づいてスライディングインジケーターに座標を渡します。

これが私の現在のjQueryコードです:

ご覧のとおり、mousoverとmouseoutを別々の要素(list-itemと含むdiv)にバインドする必要があります。

ありがとう!

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

jquery - プラグインが利用可能な場合、hoverIntentで動作するようにプラグインを変更するにはどうすればよいですか?

を使用するプラグインがありますが、使用可能な場合hover()は使用する必要hoverIntent()があります。

最小限の手間でこれを行うにはどうすればよいですか?

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

javascript - 背景位置をアニメーション化する .hoverIntent が機能しないのはなぜですか?

わかりましたので、hoverIntent を使用していくつかのソーシャル ネットワーク アイコンをアニメーション化しようとしています。ページの他の部分で hoverIntent を使用しましたが、正常に動作します。エラー メッセージは表示されません。何も起きていません。

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

javascript - hoverIntent と「mousedown」の統合

HTML テーブルがあり、セルのコピーや選択などの Excel スタイル関数を作成しようとしています。(テーブル セルで jQuery のマウスダウンを使用して) いくつかのクールな効果がありましたが、あまりにも不安定でした。hoverIntent について学びましたが、実装方法がわかりません。これにどのように適合しますか(単純化されたコピー機能):

問題は、td 境界を越えるときにマウスオーバーが複数回 (数回) 登録され、選択/選択解除されたセルの書式設定が悪夢になることです。

これが理にかなっていることを願っています。私はjQueryにかなり慣れていませんが、一生懸命努力しています。

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

jquery - ホバーまたはクリックで JQuery メニューをアクティブ化

私の目標は、ホバーまたはクリックしたときに応答するように JQuery メニューをアニメーション化することです。HoverIntent プラグインを使用すると、次のコードは意図したとおりに機能します。しかし、ユーザーフレンドリーなメニューを維持しながらクリックイベントを追加するにはどうすればよいでしょうか? これを記述する方法を計画している間、メニュー項目がクリックされたときにホバー イベントに遅延を追加することを検討しましたが、その実装がどれほど実用的かはわかりません。次のコードにクリック イベントを追加するにはどうすればよいですか?

コードのフォーマットについては申し訳ありませんが、ご協力いただきありがとうございます。