問題タブ [mouseout]

重複の可能性:
指定された div をマウスアウトし、元の div を開いたままにする

私は同様の質問をしましたが、これを解決する答えがなくても埋もれてしまいました.

元の質問は次のとおりです。指定された div をマウスアウトし、元の div を開いたままにします

。すべて設定されたフィドルは次のとおりです 。

すべてがフィドルで動作するように見えますが、コードは本来の動作をしません。有効な回答はすべて解決済みとしてマークされます。これは私を夢中にさせています!

タイトルは自明です。これまでのところ、背景色はqtipホバーのピンクではなく、マウスアウトでは常に灰色のままです。

http://jsfiddle.net/bUzPG/21/完全なセットアップ。これは私を夢中にさせています！
この問題を解決する回答はすべて回答としてマークされます。

これが私が問題を抱えている小さなコードです：

setEtiquetteにいるとき、rightFrameが点滅していますが、それは私たちがここで望んでいることではありません。別のエチケットに移動するときは、そのままにしておく必要があります...

私を助ける何かがありますか？

ありがとう！

画像を表示する次のコードがあり、マウスが上にあるときに変更します。

私には2つの問題があります：

1つ目：マウスを画像の上に置いて速く通過すると、mouseOver画像で画像の状態になることがあります（mouseOutイベントを検出しません）。

2番目：マウスが上にある瞬間に、画像がない数ミリ秒があるため、マウスが上にあるたびに白いフラッシュのように見えます。

これまでのところ、私は機能していますfadeInが、fadeOut完全には正しくありません。現在、マウスがホバー領域を離れるとすぐに、何fadeOutも起こっていないように見えます。fadeIn次のアニメーション (次の) が始まる前に完了し、キューに入れられないスムーズなフェードアウトが必要です。<span>基本的に、これはタグ内のいくつかのリンクです。今ホームストレッチ中です！

PS私は私が使用していないことを知ってい.hoverます。今のところmouseoverandに固執したいと思います。この小さな要求に応えてください。mouseleavemouseout

編集: 2011 年 8 月 18 日

上記のスクリプトと競合するスクリプトがある可能性があることに気付きました。同じページで追加の jquery スクリプトを実行しています。それ自体は正常に動作しますが、テキスト ボックス (上記) のスクリプトを追加すると、画像とテキストの両方の .fadeOut が無視されるか、少なくとも一貫性がなくなります。

2 番目の jQuery スクリプト:

以下は、テキストと画像の表示を促す 4 つの「ターゲット」のうちの 1 つの例です (4 つの画像に付随する 4 つのテキスト ボックスがあり、それぞれがターゲット上にマウスオーバーすると表示されます)。

HTML:

基本的に、私のクライアントは、画像の上にマウスを置いたときに非表示のナビゲーションを表示したいと考えています。ナビゲーションの上にマウスを置いたときにナビゲーションが非表示にならず、ナビゲーションを離れたときに非表示になるという問題を解決しました。私が遭遇している2つの問題があり、私はうまくいくと思ったさまざまな異なる組み合わせを試しましたが、もちろんそうではありませんでした。2つの問題は次のとおりです。

1. ナビゲーションをマウスオーバーせずに画像をマウスアウトすると、ナビゲーションを非表示にする必要があります。現時点では、画像をもう一度マウスオーバーするか、ナビゲーションをマウスオーバーするまで、画像は開いたままになります。

2. 2番目の問題は、ナビゲーションを直接マウスオーバーして画像の上にマウスオーバーすると、関数がループしてナビゲーションが非表示になり、ナビゲーションが再び開くことです。slideToggleを表示に変更しようとしましたが、他にも多くの問題が発生します。

現在、コードは私が望むように動作しており、許容できると見なすことができますが、上記の問題を解決する方法を知りたいです。hoverIntentプラグインを使用してマウスの動きを感知し、マウスの速度が低下した場合にのみ機能をトリガーすることを考えましたが、正しく機能させることができませんでした。明らかに、私はjavascriptとjqueryに関しては初心者なので、ご容赦ください。しかし、助けていただければ幸いです。

これが私のコードです

これが私のhtmlです：

マウスオーバーで非表示にし、マウスアウトで表示したいネストdivがあります。

ただし、これを実行しようとすると、イベントが継続的にトリガーされます。

コードは非常に長いので、詳細については、たとえば、フィドル@http://jsfiddle.net/jWbZy/16/をチェックしてください。

タイトルを表示するネストされたスパンを持つシンプルなギャラリーグリッドがあります。これをマウスオーバーで上にスライドし、マウスアウトで非表示にします。

マウスがタイトルのある場所に移動したり、タイルの下からタイルの外にホバリングしたりする場合を除いて、すべてが正常に機能します。その後、ホバー効果が制御不能に数回繰り返されます。

最初はホバートリガーであるアンカーにスパンが入っているのではないかと思いましたが、外に出すのもうまくいきませんでした。

何か案は ？

デモはこちら：http ：//www.winterealm.com/gallery/

マークアップ：

これがjqueryです

http://jsfiddle.net/nicktheandroid/bD37R/2/

ユーザーがリンク上でマウスダウンした場合、まだフォーカスがある要素を取り除こうとしていますが、マウスボタンを押したままマウスボタンを離したまま、マウスをリンクから離します。私にとって、これは、ユーザーがマウス ボタンを離す前に、リンクをクリックしたくないことに気付いたことを意味します。そのため、リンク上でマウス ボタンを離すのではなく、マウスをリンクから離してから離しました。マウスボタン。

要素はリンク、またはアクティブ スタイルとフォーカス スタイルを持つ div/span である可能性があり、同じように機能します。

私の例では、div の 1 つをクリックすると、希望どおりに動作しますが、マウスアウトすると、フォーカスが離れてしまいます。これは発生しないはずです。フォーカスは、ユーザーがリンク/div でマウスダウンした場合にのみ取り除かれる必要がありますが、マウスを要素の外にドラッグしてからマウス ボタンを離します。しかし、要素をクリックした後、要素から離れてホバリングした場合、要素がフォーカススタイルを維持するようにします。それが私の問題です。要素をクリックすると、クリックした後にマウスを要素から離すと、フォーカスが失われます。jQuery が正しくないことはわかっています。何らかの理由で、jQuery がどのように見えるべきかを理解するのに苦労しています。

したがって、基本的には、サイト ナビゲーション用の水平 ul を作成しようとしています。各リンクの下に div を表示し、ホバーするとバウンスするようにします。アニメーションはホバー時に正しく機能しますが、マウスアウト時に div が常に消えるわけではありません。私はjQueryが初めてなので、何が間違っているのかわかりません。どんな助けでも大歓迎です！