問題タブ [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.
jquery - jquery と hoverintent を使用した水平ドロップダウン メニュー
jquery と hoverintent を使用して水平ドロップダウン メニューを実装しようとしています。ほぼ理解できましたが、ドロップダウン リンクを含む "li" からマウスを離して、topnav の別の "li" に移動すると、メニューはそこにとどまります。
目標:
-ドロップダウン メニューをトリガーするリンクをクリックします -メニュー
の高さが拡張され、ページ コンテンツが押し下げ
られます-サブメニューが表示されます -
サブメニューまたはトリガーからマウスを離すと、メニューが消えます
現時点では、マウスがメニュー上にある限り、サブメニューは引き続き表示されます。
ここでコードを変更しようとしましたが、例のように機能せず、理由がわかりません。
クリックイベントによって開始される HoverIntent jQuery プラグイン
私の HTML:
私のJQUERY:
jquery - hoverIntent + 閉じるボタン (タイムアウトの問題?)
ショッピング バッグ (#bagContainer) で hoverIntent を使用していますが、すべて問題なく動作します。
しかし、次のような「追加の」閉じるボタン (#bagCollapser) をバッグ内に追加する必要があります。
#bagContainer を閉じますが、hoverIntent と競合しているようです:
- ボタンはバッグを非表示にしますが、その後、 bagTimeout の後、 hoverIntent はバッグを再び非表示にします
- バッグがボタンで閉じられた場合、hoverIntent のタイムアウト/遅延が経過するまで再び表示することはできません...
何か案は?
よろしくお願いします!
javascript - jqueryホバーの問題
私のHTMLを検討してください
マウスを上に置くと下にスライドし、マウスを上に置くと上にスライドする<h2>
ようにホバーしたいと思います。div.box_text_homepage
私の問題は、マウスが上にあるときでもメニューがスライドして戻るdiv.box_text_homepage
ことです。どうすればそれを止めることができますか?
javascript - Javascript Hover Intent を stunicholls Professional ドロップライン #2 すべての CSS メニューに追加するにはどうすればよいですか
このすべてのCSSメニューにホバーインテントをどのように適用しますか? この問題について本当に助けが必要です!!!!!!!!
これは、使用したいメニュー コードの名前とリンクです。
プロのドロップライン #2 http://www.stunicholls.com/menu/pro_dropline_2.html
私は多くのサイトを見てきましたが、そこにあるコードが必要なものであるかどうかはわかりませんでした. そのような 2 つを以下に示します。
- http://cherne.net/brian/resources/jquery.hoverIntent.html
- http://users.tpg.com.au/j_birch/plugins/superfish/#getting-started
任意の支援をいただければ幸いです。
jquery - シンプルな HoverIntent メニューに JQuery Easing を追加するにはどうすればよいですか
- Hover Intentを使用する簡単なメニューを作成しました。
- これがメニューです(JQueryEasingがリンクされています)。
- 現時点では
.animate
、メニュー項目の開閉をアニメーション化するために使用されています。
このモーションに JQueryEasing を追加するにはどうすればよいですか (jswing や Elastic など)。
どんな助けでも大歓迎です。
javascript - ホバーインテントの実装
このWordpressテーマの開発を終えたところです:http: //www.minnesdiner.com/
すべてがうまく機能していますが、ナビゲーションに100%満足しているわけではありません。スライド位置インジケーターはスムーズに機能しますが、ホバーインテントjQueryプラグインを統合して、ユーザーが意図せずにナビゲーションを通過したときにスライドインジケーターがスライドしないようにしたいと思います。
このプラグインを統合する方法について何かアイデアはありますか?現在、ナビゲーションアイテムごとに個別のjQuery関数を起動し、ホバーされているアイテムに基づいてスライディングインジケーターに座標を渡します。
これが私の現在のjQueryコードです:
ご覧のとおり、mousoverとmouseoutを別々の要素(list-itemと含むdiv)にバインドする必要があります。
ありがとう!
jquery - プラグインが利用可能な場合、hoverIntentで動作するようにプラグインを変更するにはどうすればよいですか?
を使用するプラグインがありますが、使用可能な場合hover()
は使用する必要hoverIntent()
があります。
最小限の手間でこれを行うにはどうすればよいですか?
javascript - 背景位置をアニメーション化する .hoverIntent が機能しないのはなぜですか?
わかりましたので、hoverIntent を使用していくつかのソーシャル ネットワーク アイコンをアニメーション化しようとしています。ページの他の部分で hoverIntent を使用しましたが、正常に動作します。エラー メッセージは表示されません。何も起きていません。
javascript - hoverIntent と「mousedown」の統合
HTML テーブルがあり、セルのコピーや選択などの Excel スタイル関数を作成しようとしています。(テーブル セルで jQuery のマウスダウンを使用して) いくつかのクールな効果がありましたが、あまりにも不安定でした。hoverIntent について学びましたが、実装方法がわかりません。これにどのように適合しますか(単純化されたコピー機能):
問題は、td 境界を越えるときにマウスオーバーが複数回 (数回) 登録され、選択/選択解除されたセルの書式設定が悪夢になることです。
これが理にかなっていることを願っています。私はjQueryにかなり慣れていませんが、一生懸命努力しています。
jquery - ホバーまたはクリックで JQuery メニューをアクティブ化
私の目標は、ホバーまたはクリックしたときに応答するように JQuery メニューをアニメーション化することです。HoverIntent プラグインを使用すると、次のコードは意図したとおりに機能します。しかし、ユーザーフレンドリーなメニューを維持しながらクリックイベントを追加するにはどうすればよいでしょうか? これを記述する方法を計画している間、メニュー項目がクリックされたときにホバー イベントに遅延を追加することを検討しましたが、その実装がどれほど実用的かはわかりません。次のコードにクリック イベントを追加するにはどうすればよいですか?
コードのフォーマットについては申し訳ありませんが、ご協力いただきありがとうございます。