問題タブ [mouseleave]

私は次のhtmlを持っています

使ってます

問題は、その一部b-classが「オーバーレイ」されていることです。つまりa-class、マウスをオーバーレイの上に移動するたびに、起動しb-classます。mouseleave

これを無視できる方法はありますb-classか？多分考えた：

しかし、それはうまくいきませんか？

これは私を夢中にさせています。

下の境界からdivを離れる場合にのみ、mouseleave jqueryエフェクトを起動する方法はありますか?

つまり、マウス ポインターが他の 3 つの境界線のいずれかを通って div を離れた場合に、上記の効果が発生しないようにします。

それは何らかの座標の問題であるに違いないと思いますが、オフセットではなく位置も私には答えのようには見えません。

そのようなことができれば、それを行う方法のほんの少しの例をいただければ幸いです。

同様の質問がすでに行われている (および回答されている) 場合は、リダイレクトも歓迎します。

ありがとう！

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

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

編集: 2011 年 8 月 18 日

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

2 番目の jQuery スクリプト:

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

HTML:

私はいくつかの異なる方法でこの問題に対処しようとしましたが、これまでのところ、適切に機能する解決策を見つけていません。次の条件で .fadeIn と .fadeOut をアニメーション化したい:

1) マウスオーバーで (スパン内にある) テキストと画像を徐々にフェードインする
2) 次のアニメーションに進む前にフェードインアニメーション
を完了する 3) マウスを離すと、テキストと画像を徐々にフェードアウトする
4) 次のアニメーションに進む前にフェードアウトアニメーションを完了する
5) アニメーションスムーズに実行し、キューに入れるべきではありません

これが私がこれまでに持っているものです：

これまでのところ、上記のコードは私が望むものに最も近いものになっているので、可能な限り小さな変更を保存することに固執しています。とはいえ、フェードが発生する場合と発生しない場合があります。また、多数のマウスオーバーやマウスリーブでぎくしゃくすることもあります。私は開発に FF 6.0 を使用していますが、すべての主要なブラウザー (FF6、IE8、Google Chrome) で動作させるにはこれが必要です。jQuery/JavaScript を使ってまだ 1 か月しか経っていないので、回答の際はそのことを考慮してください。私にとってはまったく直感的な言語ではありませんが、学習しながら学んでいます。

さて、質問ですが、助けを求める嘆願です: Ralf Stoltze の hoverFlow プラグインまたは Brian Cherne の hoverIntent プラグインを組み込んで、フェードインとフェードアウトのアニメーションが適切に実行されるようにしたいと考えています。私は自分の試みを投稿しますが、これまでのところうまくいきませんでした。ここにいる誰かがこれらのプラグインのいずれかに精通していますか?上記のコードでそれらを動作させるのを手伝ってくれませんか?

mouseenter、mouseleave、クリック<li>でそれぞれのクラスを変更する必要がある3つのセットがあります。

これまでのところ、クリックしたときを除いてすべてが機能していますが、3番目はmouseenter状態<li>のままではありません。消えます。

これまでの動作を確認するには、ここをクリックしてください

コード：

CSS：

HTML：

div 要素の下で開始される Flash ムービーに問題がありますz-index: 2000;。onMouseDowndiv にイベントがあり、正常にトリガーされており、添付しています$(divelement).hover(functionIn(),functionOut())。(onClickイベントは、Z インデックスに関係なく、基になるフラッシュによってキャプチャされます)

FF と IE9 ではこれはすべて期待どおりに機能しますが、IE8 では functionOut() と functionIn() がすべてのピクセルでトリガーされます! これを修正する良い方法は何ですか?

.hover() を支援するために、要素のサイズと位置に基づいてある種のピクセル境界を追加することは可能ですか?

私は現在、このビットの Jquery を使用しています。

最初の関数では、mouseenter の .unbind を追加しました。これはまさに必要なことを行いますが、次の関数では、ホバー (mouseenter mouseleave) を関数にバインドするために何を入れますか。いくつかのオプションを試しましたが、私が持っているホバー機能には戻りません。

私の問題は次のとおりです。トリガー（a）とポップアップ（div）を取得しました。div はアンカー内にネストされていません。

• a にカーソルを合わせると、div が表示されるようにします。
• a から div に移動すると、表示されたままになります。
• divを離れるときは、閉じたいです。
• a の上にカーソルを置いて div に入らずに離れると、div を閉じます。

私はそのほとんどを理解しましたが、今は要求番号に苦労しています. 2. a で mouseleave をチェックするとき、div に mouseenter があるかどうかをチェックします。もしそうなら、私はマウスリーブを中止したい。そうでない場合は、divを閉じたいです。

私は何を間違っていますか？これはこれを行う正しい方法ですか？

マークアップは次のとおりです。

jQuery は次のとおりです。

このようなチャート上にバブルとしてレイアウトされたリスト要素のセット（<li>内）があります。ここで、バブルは要素です。<ul><li>

http://i.stack.imgur.com/PR7vR.png

の違いを検出できるようにしたい

1. マウスをバブル＃1からグリッドに移動する
2. マウスをバブル＃1からバブル2などの別のバブルに直接移動する

$(this)バブルにも使用しようとしまし.mouseleave()たが、現在ホバリングしている要素ではなく、離れている要素を登録します。

マウスが移動している要素を取得する方法についてのアイデアはありますmouseleave()か？

Windows フォームに 'mouse leave' イベントを設定しました。マウスが表示領域を離れたときにフォームを非表示にしたいと考えています。

しかし、ここで私は問題に直面しています。マウスを同じフォームのボタンに移動しても、「マウスを離す」イベントが呼び出され、このフォームが非表示になります。

これは、マウスをボタンに移動したときにイベントがトリガーされないようにする必要があることを意味します。しかし、どのように？他のアプローチはありますか？