問題タブ [mouseleave]

すべての上に 2 つの div が隣り合って配置されています。

mouseenter と mouseleave のために、それらを「1つ」として扱いたいと思います。それらは互いに隣り合って並んでいます（または重なり合っています）。

これは可能ですか？

mouseleave/mouseenter コンボを実行しようとしましたが、どちらが最初にトリガーされるか、最初の要素から離れるか、その仲間に入るかを保証できません。

ありがとうございます！

リスト内に 4 つのボックスがあります。ホバー時に幅を 100% に設定しようとしています。float:left を li 要素に設定しなくてもうまく機能します。float:left が設定されている場合、ホバリング時に右側のボックス上のホバーがちらつきます。

コードはこちら - http://jsfiddle.net/PsYn9/5/

ボックス 2 にカーソルを合わせると、ちらつきがあります。なぜこれが起こるのですか

まず、タイトルについてお詫び申し上げますが、適切なタイトルが思いつきませんでした。

以下のコード内のhide（）関数がトリガーされたときにfirebugで誤って返される理由がわかりません。この欠陥を解決すると、コードの残りの部分が正常に機能することを確信しています。ヘルプ/提案をいただければ幸いです。 。

Firebug Consoleエラー：

私がこれまでに持っているコード：

よろしくお願いします。

ダン。

以下は私の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から5の星で評価されます。私のスクリプトは最初は機能し、星を現在の評価からマウスオーバーしたものに変更し、マウスを外すと現在の評価に戻ります。しかし、その後、星の上に戻っても変化はありません。（その間、クリックはありません。）

したがって、ホバーが機能し、次にマウスリーブが機能し、マウスリーブは機能し続けますが、ホバーは機能しなくなります。これがjavascriptファイルからの私のコードです：

そして、これがすべてが起こっているdivタグとコードです：

mouseleaveイベントによってホバーイベントが機能しなくなる理由はありますか？mouseleaveイベントがdivタグに返すhtmlは、最初から存在するものとまったく同じhtmlです。だから私はちょっと迷っています。

提案や助けを事前に感謝します。

編集

Anthonyの提案により、live（）を調べましたが、非推奨であり、on（）を使用する必要があることがわかりました。デリゲートメソッドもon（）の使用を提案しました。それが私が行ったものです。いくつかのエラーが発生した後、jquery.jsが古いことに気付いたので、それを更新すると、魅力のように機能しました。ready（function（）{}）内の最初の行を次のように変更しただけです。

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.

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

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

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

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

前もって感謝します。

スタイリング目的でネストされていないサブメニューを含むメニュー リストがあります。したがって、ホバリング動作には、settimeout と一緒に mouseenter と mouseleave を使用しています。

これが私のhtmlです：

そして私のjquery：

次の点を除いて、すべてが意図したとおりに機能します。1 つのナビゲーション ヘッダーをマウスアウトし、別のヘッダーにすばやくマウスオーバーすると、新しいヘッダーに関連付けられたサブメニューが一時的に表示されてから消えます。(2 つのナビゲーション ヘッダー間でゆっくりとマウスを動かすと、適切に動作します)。新しいナビゲーションに入ったときに setTimeout 関数に関連付けられているすべてのアクションを適切に停止する (および開いているサブメニューを閉じる) にはどうすればよいですか? ヘッダ？助けてくれてありがとう！

jQueryを使用して、現在ホバーされている要素を特定したいと思います。これはページ上の任意の要素である可能性があります。つまり、、、、mouseoverおよびは特定の要素に関連するためmouseout、ここでは適用されません。mouseentermouseleave

簡単なサンプルを次に示します。

mouseenterイベントハンドラーとmouseleaveイベントハンドラーを要素にバインドしてそのようにするとよいように見えます#fooが、マウスの動きが速すぎてmouseleaveイベントを登録できないことが多いので、この方法で試してみたいと思います。

決定する方法についてのアイデアはありますかelementBeingHoveredOver？