jQuery « Баг выпадающего меню: пропадает если…

Привет всем!

Выпадающее меню на jQuery (slideDown/slideUp) - http://test-0-3.ucoz.ru/
Если часто поводить мышкой (навести на пункт меню затем на область вне пункта меню - быстро и часто) то выпадающие пункты постепенно пропадут. Не будут полностью открываться.

Пункты не успевают открыться до конца, а закрываются "наполную" так выпадающее меню постепенно укорачивается, если подёргать мышкой.

/** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .java.geshi_code {font-family:monospace;} .java.geshi_code .imp {font-weight: bold; color: red;} .java.geshi_code .kw1 {color: #000000; font-weight: bold;} .java.geshi_code .kw2 {color: #000066; font-weight: bold;} .java.geshi_code .kw3 {color: #003399;} .java.geshi_code .kw4 {color: #000066; font-weight: bold;} .java.geshi_code .co1 {color: #666666; font-style: italic;} .java.geshi_code .co2 {color: #006699;} .java.geshi_code .co3 {color: #008000; font-style: italic; font-weight: bold;} .java.geshi_code .coMULTI {color: #666666; font-style: italic;} .java.geshi_code .es0 {color: #000099; font-weight: bold;} .java.geshi_code .br0 {color: #009900;} .java.geshi_code .sy0 {color: #339933;} .java.geshi_code .st0 {color: #0000ff;} .java.geshi_code .nu0 {color: #cc66cc;} .java.geshi_code .me1 {color: #006633;} .java.geshi_code .me2 {color: #006633;} .java.geshi_code span.xtra { display:block; }

$('nav li ul').each(function() {
var li = $(this).parent();
var ul = $(this);
li.hover(function() {
ul.slideDown(200);
ul.clearQueue();
}, function() {
ul.slideUp(200);
});
});
 


Была похожая проблема с зумером, но там я поставил свою animate, здесь это излишне усложнит код..
Поможите решить проблемку?

P.S. Если убрать /** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .java.geshi_code {font-family:monospace;} .java.geshi_code .imp {font-weight: bold; color: red;} .java.geshi_code .kw1 {color: #000000; font-weight: bold;} .java.geshi_code .kw2 {color: #000066; font-weight: bold;} .java.geshi_code .kw3 {color: #003399;} .java.geshi_code .kw4 {color: #000066; font-weight: bold;} .java.geshi_code .co1 {color: #666666; font-style: italic;} .java.geshi_code .co2 {color: #006699;} .java.geshi_code .co3 {color: #008000; font-style: italic; font-weight: bold;} .java.geshi_code .coMULTI {color: #666666; font-style: italic;} .java.geshi_code .es0 {color: #000099; font-weight: bold;} .java.geshi_code .br0 {color: #009900;} .java.geshi_code .sy0 {color: #339933;} .java.geshi_code .st0 {color: #0000ff;} .java.geshi_code .nu0 {color: #cc66cc;} .java.geshi_code .me1 {color: #006633;} .java.geshi_code .me2 {color: #006633;} .java.geshi_code span.xtra { display:block; }
ul.clearQueue();
то меню не будет пропадать, но будет "запоминать" количество событий наведения.
0
jquery баг выпадающее меню пропадание

1 ответов

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

делайте так:


ul.stop(true, true).slideDown(200);
...
ul.stop(true, true).slideUp(200);
 
1