問題タブ [mouseenter]

私のページには、子画像の寸法を変更する mouseenter イベントがバインドされた要素があります。

それは私が望むように動作しますが、div がある場所にカーソルを置いてページをヒットすると、読み込まれるとすぐにトリガーされます。これは望ましくありません。マウスカーソルが実際にdivに入るまで何もしないでください。最初からそこにいるだけではありません。

私はjsfiddleで例をノックアップしようとしましたが、ページの読み込みが速すぎて、カーソルを正しい場所に置くことができません:(

イベントをバインドするのに 1 秒かかるように bind メソッド呼び出しをタイムアウトにすることも 1 つの方法ですが、ユーザーがカーソルを div の上に置いたままにすると問題が発生します。

何か案は？

jQuery 1.6.2 の使用

コンテナー div 内のマウスの位置に基づいて、コンテナー div 内の一連のオーバーフロー要素を自動スクロールする小さな jQuery プラグインに取り組んでいます。

ここでデモを見る

このプラグインのアイデアは、私が少し前に書いたものを改善することです。ここの左下にある自動スクロール ナビゲーションを参照してください。これに関する古い問題は、コンテナ div の下部 (javascript パースペクティブ) 以外の場所からマウスを入力するとジャンプすることでした。

今、すべてが私のプラグインで正常に動作していますが、上からマウスを入力すると、時々失敗します（マウスをすばやく出し入れすると、確実に起こります）。内部要素をスクロールする方法を計算するために両方とも使用される mouseenter イベントと私の mousemove イベント。これが関数です。ソースの残りの部分はかなり小さく、適切にコメントされています。

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

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

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

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

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

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

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

jQuery は次のとおりです。

これがイベントをトリガーするための私のコードです

テスト中、イベントは発生しません。このイベントは、div の可視性を true に設定します。したがって、私の div の可視性は false に設定されており、Selenium は非表示要素に対して何かをしたくありません。

テスト中に Firefox Javascript のコンソールでこのコードを実行すると、すべて問題ありません。

session.driver を使用してドライバーを直接使用することで、Java でこの問題を解決する人もいますが、要素にマウスを配置する方法がわかりません。

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

私のコードでは、現在マウスが置かれている div に応じて、さまざまな詳細が読み込まれる id 'SIAinfoBox' を持つ div があります。関連するすべての div に次の 2 つのリスナーを追加しました。

これらの div には背景色が設定されていませんが、1 ピクセルの黒色の境界線があります。Firefox では、すべて正常に動作します。しかし、Internet Explorer では、SIAinfoBox は、マウスが div の境界線上にある場合にのみ塗りつぶされます。div内に移動すると、mouseleaveイベントが発生するようで、コンテンツが削除され、divが非表示になります。背景色を設定すると、期待どおりに機能しますが、背景色 (または透明) がないと機能しません。また、mouseover の代わりに mouseenter を使用してみましたが、結果は同じでした。InternetExplorer がそのように動作するのはなぜですか、または現在 IE の FF で得ている結果を達成するにはどうすればよいですか?

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

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

これは可能ですか？

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

ありがとうございます！

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

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

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

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

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

Firebug Consoleエラー：

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

よろしくお願いします。

ダン。

mouseenter、live、setTimeout関数を組み合わせてアニメーションを作成しようとしています

HTMLはこんな感じ

私は質問のスクリプトを投稿しているので、明らかに機能しません:)。理由を知っている人はいますか？ありがとう。

PS ajax経由で新しいコンテンツをロードしているので、ライブ機能が必要です