Mouseover/mouseout,mouseenter/mouseleave,移をちらつきの問題

Question

私の部画像ることを確認できます。き推移する画像をツールチップ部ょ絶対位置の画像の絶対位置が重要である).このタイトルおよびaltます。

これらはすべて、まだけでカーソルを合わせ、ツールチップボックス。なバブルの下にそんなホバリング、画像にし、これによりカーソルを合わせ、ツールチップボックスdisapear.しかし、その登録いで推移の画像再び、その間を示すカーソルを合わせ、ツールチップボックスを見せたり隠したりします。

このように点滅。

いって投稿なので、ちらつきの問題といった多様なソリューションなって取り組んできました。私たMouseover/mouseout,mouseenter/mouseleave,ホバー、ライブ()と組み合わせます。んでも切り替えらカーソルを合わせ、ツールチップからの空部門がこのDOMのページで読み込む場合の問題です。ないんですけどいなくなった。こちらは自分のコードのようです。

$("img").bind("mouseover", function() {
    var pimg = $(this);
    var position = pimg.position();
    var top = position.top;
    var left = position.left;
    var title = $(this).attr('title');
    var alt = $(this).attr('alt');
    $('.toolTip').css({'left' : left, 'top' : top, 'width' : width}).append('<div><h3>' + title + '</h3><p>' + alt + '</p></div>');
});

$("img").bind("mouseout", function() {
    $('.toolTip').empty();
});

Answer 1

の問題である)を使用する必要がありmouseenter/mouseleave b)カーソルを合わせ、ツールチップ部門のニーズにライブ内の要素のmouseenter/mouseleaveリスナー.

例：

<div id="mouseoverdiv">
<div class="tooltip">some text</div>
<img src="" />
</div>