Небольшой вопросик по jquery

77

RoMaN444Ik

31 августа 2011, 10:43

725

Есть функции на jquery mouseover и mouseout, пот если через них организовать что-то подобное:

$(document).ready(function() {

$("#head_menu").mouseover(function() {

$('#head_menu').fadeTo('slow', 1);

}).mouseout(function(){

$('#head_menu').fadeTo('slow', 0.3);

});

});

То при просмотре, если провести мышкой много раз по элементу с id head_menu то он будет выполнять fadeto очень много раз и это создает эффект мерцания элемента. как это обойти?

C

14

cryptex

31 августа 2011, 11:00

#1

$("#head_menu").mouseenter(...

RM

77

RoMaN444Ik

31 августа 2011, 11:08

#2

cryptex:
$("#head_menu").mouseenter(...

И что изменится? Это только разные способы реализации, а проблема одна и та же...

272

Алексей Барыкин

31 августа 2011, 11:25

#3

Не наблюдаю заявленной проблемы

http://jsfiddle.net/nXvgM/1/

https://adminbook.ru/

RM

77

RoMaN444Ik

31 августа 2011, 11:28

#4

Алексей Барыкин:
Не наблюдаю заявленной проблемы
http://jsfiddle.net/nXvgM/1/

Поводите мышкой туда-сюда над элементом и увидите что потом он будет мигать...

272

Алексей Барыкин

31 августа 2011, 11:29

#5

RoMaN444Ik:
Поводите мышкой туда-сюда над элементом и увидите что потом он будет мигать...

Поводил, не выходя за границы - не мигает.

Браузер - Firefox

52

ageruuu

31 августа 2011, 11:31

#6

он будет мигать столько раз, сколько провели по нему мышкой.

RM

77

RoMaN444Ik

31 августа 2011, 11:32

#7

ageruuu:
он будет мигать столько раз, сколько провели по нему мышкой.

Вот вот! А как это обойти?

RoMaN444Ik добавил 31.08.2011 в 15:33

Алексей Барыкин:
Поводил, не выходя за границы - не мигает.
Браузер - Firefox

Это если не выходить за границы, а если выходить - то будет мигать!

272

Алексей Барыкин

31 августа 2011, 11:37

#8

RoMaN444Ik:

Это если не выходить за границы, а если выходить - то будет мигать!

Ну так по коду и должно быть.

Надо останавливать анимацию предыдущего события.

http://jsfiddle.net/nXvgM/4/

C

14

cryptex

31 августа 2011, 11:37

#9

$("#head_menu").stop(true, true).mouseenter(function() {

$('#head_menu').fadeTo('slow', 1);

}).mouseout(function() {

$('#head_menu').stop(true, true).fadeTo('slow', 0.3);

});

RM

77

RoMaN444Ik

31 августа 2011, 11:41

#10

Алексей Барыкин:
Ну так по коду и должно быть.
Надо останавливать анимацию предыдущего события.
http://jsfiddle.net/nXvgM/4/

Вот так работает! Спасибо!

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

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