jQuery mouseleave удаляется, если следующий идентификатор наведения не равен «X»

Я пытаюсь определить, что будет следующим наведением после наведения значка.

Когда значок (class="infoToolTip") наводится, отображается текстовое поле, если пользователь покидает значок и переходит в текстовое поле (id="tooltip"), мне нужно остаться, чтобы показать текстовое поле.

Если зависший элемент не является ни «всплывающей подсказкой», ни «infoToolTip», мне нужно удалить любой экземпляр «всплывающей подсказки». Ниже приведен 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


jquery hover mouseenter mouseleave
person huddds    schedule 17.07.2013    source источник
comment
jsFiddle было бы неплохо.   -  person shammelburg    schedule 17.07.2013
comment
jsfiddle.net/huddds/E5Uxf/1   -  person huddds    schedule 17.07.2013

Ответы (1)


arrow_upward
0
arrow_downward

Я решил использовать 'is :hover'

        $('body').on('mouseleave', '.infoToolTip', function(){      
                if(!$("#tooltip").is(':hover')) {
                $('#tooltip').remove();
                }
        });
person huddds    schedule 17.07.2013