2

アイコンがホバーされた後、次のホバーが何であるかを検出しようとしています。

アイコン (class="infoToolTip") をホバーすると、テキスト ボックスが表示されます。ユーザーはアイコンを離れてテキスト ボックス (id="tooltip") に移動しますか? テキスト ボックスを表示するには、そのままにしておく必要があります。

ホバーされたアイテムが「tooltip」でも「infoToolTip」でもない場合、「tooltip」のインスタンスを削除する必要があります。以下はこれまでのjqueryです。これに関するヘルプは素晴らしいでしょう。返信ありがとうございます。

jQuery:

$('body').on('mouseenter', '.infoToolTip',  function(){ 
     $('#tooltip').css({ left: pos_left, top: pos_top }).animate({ opacity: 1 }, 0);
});

$('body').on('mouseleave', '#tooltip, .infoToolTip', function(){        
     $('#tooltip').remove();
});

JSFIDDLE

4

1 に答える 1

0

「is :hover」を使用することにしました

        $('body').on('mouseleave', '.infoToolTip', function(){      
                if(!$("#tooltip").is(':hover')) {
                $('#tooltip').remove();
                }
        });
于 2013-07-17T15:59:23.740 に答える