jquery. animate. opacity

2

James Raynor

12 марта 2016, 05:52

664

Здравствуйте. http://angular.istark.ru/calc.html

Объясню действие скрипта:

В примере, у блока step1, по неведению появляется блок с подсказкой и функцией animate() добавляется прозрачность. После ухода мыши, свойства стилей должны удалиться. Но удаляются, почему-то все кроме opacity. При том, что, для пробы, я добавил animate, который должен убирать прозрачность на 0. Но этого тоже не происходит. Происходит, но с какой-то не понятной задержкой, если секунд 5 понаблюдать за кодом в инспекторе, видно, что opacity возвращается в 0, но не всегда. Иногда opacity начинает "прыгать от 0 до 1". Такое ощущение, что animate который делает opacity в 1 сам начинает работать, потом начинает работать animate, который делает opacity в 0 и так неоднократно )

Может кто-нибудь подсказать, в чем тут может быть дело? Или предложить какой-нибудь другой вариант реализации.

Вообще, нужно, что бы над display:block блоком, при наведение, появлялся соответствующий ему блок с подсказкой. А при уходе мыши, он исчезал.

300

tommy-gung

12 марта 2016, 08:27

#1

я бы hover использовал, а также

$(this).next().show().animate({ opacity : 1 }, 300).css({'marginLeft': marPosX + 20, 'marginTop':marPosY - 150});

$(this).next().animate({ opacity : 0 }, 300, function() { $(this).hide(); });

Здесь не могла быть ваша реклама

JR

2

James Raynor

12 марта 2016, 08:35

#2

tommy-gung:

$(this).next().animate({ opacity : 0 }, 300, function() { $(this).hide(); });

Это в mouseover? не, то же не работает. Какая-то лабуда с animate. Читаю сейчас оригинальную документацию, но там тоже нет ничего такого, в чем бы могла быть причина.

Думается попробовать версию jq постарше подключить

---------- Добавлено 12.03.2016 в 15:07 ----------

Та-Дам! .clearQueue() после animate и все работает )

Изменение условий проведения торгов У Вас с директа zTDS - бесплатная ТДС

Маркетинг для шоколадной фабрики. На 34% выше средний чек

VK приобрела 70% в структуре компании-разработчика red_mad_robot