問題タブ [mouseenter]

私は独自のjQueryナビゲーションメニューを開発していますが、メインナビゲーションメニューの選択からフォーカスが離れるとすぐにサブメニューが消えるため、少し問題が発生しました。これには簡単な解決策があるに違いないことはわかっていますが、これに何時間も費やして、何か助けが必要だと考えました.

以下にコードを示します。

jQuery:

HTML:

どんな助けでも喜んでいただければ幸いです！

flowLayoutPanelで動的に作成されたパネルにイベントを追加MouseOverしたいと思います。MouseLeave

「panels」という名前のリストにすべてのパネルを追加しました。「panels[index]」でアクセスできます。

次に、各パネルMouseOverにイベントを動的に追加します。MouseLeaveマウスが終了したパネル名を取得し、イベントごとに1つのメソッドを使用して、マウスが終了したパネルをそのパネル名（panel.Name）で識別することができると思いましたが、「送信者」には何も見つかりませんでした。

これを行う方法はありますか？

私のコード：

以下は私のjQueryです：

そして、これが私がこのjQueryを適用しているHTMLです:

「情報」の ID を持たない非表示IF(NOT (MOUSE OVER AN ELEMENT WITH ID INFO))要素を実現するには、何を置き換える必要がありますか?

編集 - 解決済み。一番下に解決策。

私は午後中ずっとこの問題でレンガの壁に頭をぶつけていました。jQueryの天才ではないので、これに対する答えがすでにある場合はapols - 何を検索すればよいかわからず、検索に時間を費やしました!

1 ページで 2 つのアニメーションを実行しようとしています。1 つ目は、4 方向の引き戸効果を与える mouseenter、mouseleave 関数です。

2 つ目はホタルの効果で、関連するアニメーション コードは次のとおりです。

どちらも単独で完全に機能します。しかし、それらを組み合わせると、少し奇妙になります。ホタルは、ホタルの画像ごとに40の同時アニメーションを作成し、それぞれにランダムな方向を割り当て、すべての「ホタル」に同じランダムな持続時間を割り当てることで機能するようです。

ここで、最初の jQuery スクリプトをマウスで入力すると、「ドア」が正常に開き、アニメーションが機能します。マウスが 'qitem' 要素の上に置かれたままの場合、ホタル アニメーションが現在の反復を終了すると、mouseleave イベントが呼び出されるように見えます。

このように、2 番目のアニメーションが最初のアニメーションにどのように影響するのでしょうか? おそらくDOMに何らかの「リセット」があり、マウスポインターを再度検出する必要があるため、マウスが「離れている」ように見えます。

これでうまく説明できたと思います。少し混乱していると思われる場合は、さらに説明を求めてください。

ご協力いただきありがとうございます。

編集 - 解決済み

はい、わかった！

いつものように、これらのことは常に非常に単純です。あなたが方法を知っているとき！スタックオーバーフローで見つけることができるすべてのjQuery mouseleave/mouseenterスレッドを読み取っていたので、解決策-z-indexにたどり着きました。

「ホタル」は、mouseleave イベントにリンクされた要素の上にカーソルを置いて移動したため、それがトリガーされました。私が修正しなければならなかったのは、mouseleave div の z-index がホタルよりも高いことを確認することだけです。単純 ：-）

1. マウスオーバーで div を表示するページがあります。ページをフォーカス時に div に移動させたいのですが...

今、私は div への onfocus をイージング プラグインと一緒に移動して移動したいと考えています。アニメイトで「遅い」を使いたくない

上記のコードにイージングを適用するにはどうすればよいですか

次に、表示されている div を mouseenter で左から右にスライドさせ、右から左にスライドさせてから非表示にします。これは私が今のところ使用しているものです。私が今していることを達成するためのより良い、または最良の方法があることを私は知っています。

ご協力いただきありがとうございます

マウスが div またはdivネストされた要素の上にある場合、ツールバーを表示したいと思います。ただし、jQuery 1.7 を使用した次のソリューションは、マウスが直接上にある場合にのみ機能します。これは、css クラスdivに a を追加した場合にのみ可能です。paddingitem

1px のパディングはそれほど悪くはありませんが、上下のパディングが大きくなり、この回避策は適切に機能しません。特に、マウスが左側または右側から入った場合です。

mouseenterパディングトリックなしでmouseleaveイベントを処理するにはどうすればよいですか?

I have a div element which contains a small form and a dhtmlx datagrid. This div is rarely used so I make use of jQuery's slideUp to hide it out of the way when it isn't needed. I've attached mouseenter and mouseleave events on the div to set up and cancel the slideUp - so that when the mouse is over the div it doesn't disappear.

However, my problem comes in when the user clicks into either one of the form elements or the datagrid and then moves the mouse away. Obviously the user still requires the div to be visible, but the mouseleave event then causes the div to slideUp!

Is there anyway in jQuery of testing whether any element within a div has focus? Then if something does have focus I can cancel the slideUp call.

一連の重複する div が影の効果をもたらす状況があります。position:absolute を使用すると、最後の div にかかるシャドウ効果が得られます。

問題は、各 div にマウス入力機能が割り当てられていることです。したがって、ユーザーはマウスを一方の上に置くことができますが、マウスが別の影に触れているため、もう一方の機能がトリガーされます。

マウス入力機能のトリガーとしてシャドウを完全に無視し、div 自体を使用するように指示する方法はありますか。

それを試してみてください

myNestContainerドキュメント準備完了でコントロール パネル ( ) を非表示にしています。というボタンがありnavMyNest、mouseenter発生すると が表示されますmyNestContainer。これはうまくいきます。

問題は、ユーザーがコントロール パネルを探索できるようにしたいということですが、ネストされた DIV コンテナーが にあるmyNestContainer場合、入力するとすぐにmouseleave有効になり、コントロール パネルが閉じます。

mouseenterこれは/よりもはるかにうまくmouseout機能していますが、私が望む機能はまだありません。

子オブジェクトをオーバーライドして、ユーザーが見ている間コントロール パネルを開いたままにする方法について何か考えはありますか?

前もって感謝します。

ツールチップ付きのコントロールがあります。私が欲しいのは、コントロールの上にカーソルを置いてツールチップが開いたときです。マウスでツールチップを入力すると、他のアクションをトリガーするために mouseEnter イベントがトリガーされます。これに対する解決策を見つけるのに最も近いのは、トリガーを使用してコントロールに ToolTipClosing イベントを追加することです...しかし、マウスがツールチップに入らなくても、コントロールを離れるとすぐにこれが発生します。(ツールチップ自体で MouseEnter イベントをトリガーしても、まったく発生しないようです)

例を次に示します: (ツールチップに入った場合に境界線の背景を変更したい場合)

XAML

CodeBehind: (どちらも機能しません)

具体的には、ポップアップではなくツールチップを使用したいと考えています。これは可能ですか？どんな助けでも大歓迎です！