Анимация зацикливания всплывающей подсказки jQuery

Я создал пользовательскую систему всплывающих подсказок в jQuery, которая создает новый элемент со стилем CSS, чтобы расположить его над всеми другими элементами и в нужном месте.

Все работает правильно, но когда мышь перемещается по всплывающей подсказке, любая анимация, вызванная наведением на родительский объект, начинает зацикливаться.

Есть ли способ предотвратить запуск события наведения в моих всплывающих подсказках?

Вот мой код: http://jsfiddle.net/UzUct/1/


loops jquery hover eventtrigger tooltip
person Anthony Martin    schedule 10.10.2012    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Измените эту часть скрипта:

// Parent Hover Script
$(".item").hover(function() {
    $(this).stop().animate({
        "opacity": "0.5"
    },"fast");
},function() {
    $(this).stop().animate({
        "opacity": "1"
    },"fast");
});

Вы должны указать .stop(), чтобы остановить предыдущую анимацию! :)

Скрипт: http://jsfiddle.net/UzUct/4/

person Praveen Kumar Purushothaman    schedule 10.10.2012
comment
Это работает в моем мини-примере, но в моем крупномасштабном примере (в котором используется тот же базовый код) иногда я не могу вызвать событие наведения более одного раза, и когда событие наведения на миниатюре запускается, оно начинает исчезать. в и останавливается в середине. - person Anthony Martin; 10.10.2012
comment
Можете ли вы показать, является ли он общедоступным (да, и никаких нарушений авторских прав или проблем с конфиденциальностью), чтобы я мог протестировать его и сообщить вам? - person Praveen Kumar Purushothaman; 10.10.2012
comment
К сожалению, на данный момент он недоступен публично (он находится на моей локальной машине), но я обновил jsfiddle лучшим примером. Это происходит не так часто (по какой-то причине) в jsfiddle, но я хотел бы избавиться от мерцания всплывающей подсказки, а иногда элементы наведения исчезали без перемещения мыши из кадра (из-за наведения на всплывающую подсказку) - person Anthony Martin; 10.10.2012