2012-01-13 23 views
2

私は、新しいサイト用のカスタムホバーツールチップを持っています。我々はそれがIEJquery IE bizzare問題の可能なラップの問題?

に消えない気づいたまでそれは素晴らしい作品、私はそれがmouseoverliveリスナーの組み合わせに関係していると思います。ここで.wrap()コマンド

はそのsnippitです:

$('.tooltip').live('mouseover', function() { 
    $this = $(this).wrap('<span class="tooltip-wrap"></span>'); 
    ... 

ここでは、それはクローム/ Firefoxで動作しますが、いないIE

お知らせです

修正できないようです。

答えて

0

私はそれがmouseover/mouseoutの厳密な解釈とは関係があり、追加された要素の位置がそれをねじっていると思います。

しかし、より良い質問は、なぜあなたはすべてのホバーでラッパー+ポップアップを作成して破壊しているのですか?これは学問的質問ですか?最初のホバーでツールチップを作成し、その後のホバーでそれを表示/非表示にするのはなぜですか?このように:

(私は私の新しい一例でスタイリングを修正するためにあまりにもハードしようとしなかった)http://jsfiddle.net/scEbS/6/

0

このJavaScriptのスクリプトを使用してIEで動作します。たとえそうであっても...そのぎこちない。あなたが他の要素の上に浮い要素を持っているときの基本的なマウスオーバーやマウスアウトイベントは、私がマウスオーバー/ホバーの問題を抱えている時はいつでものためのjQuery hoverIntentを使用

http://jsfiddle.net/HxGtA/40/

など、取り扱いが困難です。

http://cherne.net/brian/resources/jquery.hoverIntent.html

それは間違いなくあなたの問題を解決します。運が良かった。申し訳ありませんがあなたのコードを変更することができませんより仕事を残す必要がありました:)

+0

iは、コードが動作すると思ういけません。あなたがソースを見れば、ラップは複数のラップを引き起こすIEで複数回発射されています –

+0

これはマウスオーバーやマウス入力を続けると急速に発火しないようなhoverIntentのようなものを使用する必要があるためです。 – Downpour046

+0

okあなたが書いたカスタムラップを見ると、それはhoverIntentと互換性がないことがわかります。私はそのソースを見て、1つのイベントだけを起動して同様のものを実装できるコア要素を取りました。それはうまく動作しますが、それはまだ時々開かれて、ちらつきそうですhttp://jsfiddle.net/HxGtA/53/ –