問題タブ [mouseout]

内部に画像を含む div があります。画像にカーソルを合わせると、画像の一部の上に絶対配置されるツールチップ div を作成します (絶対位置が重要です)。タイトルと代替テキストが含まれています。

ツールチップ ボックスにカーソルを合わせるまでは、これで問題ありません。バブルダウンせず、画像の上にカーソルを置いていないと見なされるため、ツールチップ ボックスが消えます。しかし、その後、画像を再びホバリングしていると登録され、ツールチップボックスの表示と非表示の間を行ったり来たりします。

したがって、ちらつきの問題。

ちらつきの問題についてSOにはたくさんの投稿があり、私は非常に多くの解決策を試しましたが、どれも機能していません。Mouseover/mouseout、mouseenter/mouseleave、hover、さらには live() を組み合わせて使用​​してみました。ツールチップをゼロから作成することから、そこに空の div を作成することに切り替えたので、問題が発生した場合にページが読み込まれたときに DOM に配置されます。私は本当にもう何をすべきかわかりません。これが現時点での私のコードです。

特定のバナーに焦点を合わせるために、下部にアイコンが付いた比較的小さな動的バナー回転スクリプトを作成しました。バナー上でmouseenterを発射するとショーが一時停止しますが、バナーからマウスアウトすると、特定のバナーの遅延が短くなることがあります。一度だけ発生したかどうかはわかりますが、バナーがローテーションで戻るたびに遅延がその短い時間に設定され、バナーのリスト内の他の1つの場所で短縮が発生することがよくあります。良い。これは、まだ決定されていない一連のアクションによって修正できる場合があります。私のロジックがどこかでループをキャッチしているのではないかと疑い始めているので、プロセスは分岐し、2つのループを実行します。これにより、showNextBanner関数の呼び出しが高速化されます。これを解決する方法がわかりません。私'

以下のコードの関連部分であると私が思うものを含めます。

結局のところ、クライアントはjQueryソリューションを望んでいるので、scriptaculousでは利用できないスライドイン効果を利用できます。ですから、そのすべての作業は無駄になります。幸いなことに、おそらくjCarouselを使用して、スタイルシートを微調整することができます。助けてくれてありがとう！

やあ、スタック オーバーフロー クルー、

jquery を使用してカスタム ドロップ ダウン ナビゲーション システムを構築するときに、常に出てくる簡単な質問です。ドロップダウン メニューの理想的なシナリオは、親と子を

jqueryとrapahel_jqueryで動作するこのコーデックスがあります。これは、いくつかのマウスイベントを持つ関数です。IE と Opera のマウスアウトの問題。これは、コーデックスから推定されます。

すべて動作しますが、IE e Operaではprov.mouseout では動作しません!!! どうして？？手伝って頂けますか？？

ありがとう！

jQuery変数「mouseover」と「mouseout」を使用して、別の要素にカーソルを合わせたときにDIV要素を表示しています。

http://74.54.17.66/~adbuynet/case-studies/ - 右上の [行動を促すフレーズ] にカーソルを合わせると、ドロップダウンが表示されます。

問題は、ドロップダウン自体にマウスを合わせると、ドロップダウンがファンキーな動作を開始し、開いたままにならないことです。私のjQueryコードは次のとおりです。

私が犯した間違いは何ですか？

私はdivをホバーするいくつかの方法で遊んでいますが、私がテストした方法のほとんどは、マウスがリンク上にホバーしているときにのみ起動し続けます。

私が達成したいのは、divが別のdivのホバーに表示されることですが、マウスがdivボタンを離れても表示されたままになります。

例：http：//www.prixtel.com/

CSSだけでも、Jquery/JSと混合してもかまいません。

ありがとうございました！

私のサンプル： http： //jsfiddle.net/h4rB9/1/

IEブラウザでSVG効果にRaphaelを使用すると問題が発生しました。オブジェクトの上にマウスを置くと、アニメーションは期待どおりに発生します。ただし、mouseoutでは、mouseoutアクションが呼び出されることはないため、オブジェクトはマウスオーバー状態のままになります。

過去に他の人がこの問題について不満を言っているのを見たことがありますが、私が見た唯一の解決策は、すべてのオブジェクトでマウスオーバーイベントを強制してすべての！=現在のオブジェクトを通常の状態に戻すことでした。私はかなりの数のオブジェクトを持っているので、一般的な「すべてをリセット」したくないので、誰かが提案できる代替案があるかどうか疑問に思います。私は、最後にトリガーされたマウスオーバーで最後のオブジェクトを変数に格納し、すべてのマウスオーバーでそれをリセットすることだけを考えていました。これは機能する可能性があります。

編集

私はまだこれを機能させることができません....

以下のコードを試してみましたが、ページでは機能しますが、動作させたいdivとスパンでは機能しません...

2hon5.netにアクセスすると、コードが機能していることがわかります。2hon5.net/js/ 2hon5.jsのコードを介してポップアップが表示されます。

(デフォルトでは非表示になっています) 私が試したコードもすべて見ることができます。

編集を終了

私はこれを含む多くの解決策を試しました:同様の質問私はうまくいきませんでした。ホバーするスパンに応じて動的な情報を表示する情報ポップアップがあります。現在のスパンのすぐ下にポップアップするように設定しました。呼び出し元のスパンまたは div 自体がホバーされなくなった場合 (リンクが含まれているため)、少し遅れて消えます。運がなかったのですが、何か提案はありますか?

呼び出された div は次のとおりです。

div を呼び出す jquery は次のとおりです。

上記にリンクされている質問のコードを試しましたが、機能しません。コードを呼び出す方法が原因でしょうか?

私が望む結果は、呼び出しスパンまたは codeInf div がホバーされなくなった場合にコードを非表示にするコードです。別のスパンから呼び出されました。

アドバイスをよろしくお願いします。

マーク

厄介なナビゲーションの問題がありますが、動作させることができないようです。<li>mainnav divの項目にカーソルを合わせると、サブナビゲーションが表示されます。ただし、それらの上にカーソルを合わせると、アクティブなクラス状態に留まりません。mainnav-li が選択されている場合、subnav はそのままにしておく必要があります。サブナビから移動すると、最初のサブナビが再び表示されるはずです。

document.ready 関数 (別の PHP インクルードで定義) の後にアクティブなサブナビゲーションをロードすることに注意してください。

ここでどんな助けでも大歓迎です。迷子になりました:-)

主なナビゲーション項目はすべてここにあります:

サブディビジョンは次のとおりです。

これまでの私のコードは次のとおりです...

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

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

jQuery:

HTML:

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