Autor | Zpráva | ||
---|---|---|---|
Jiří Podhájský Profil * |
#1 · Zasláno: 5. 11. 2010, 11:34:49
Dobrý den,
s JS obecně začínám a snažím se postavit svoje jednoduché rolovací JS menu. Roluje se směrem dolu, nahora rolování není. Problémem je, že pokud rychle přejedu například po třech 3 položkách menu, JS nestíhá reagovat a zůstanou mi vyset otevřené všechny 3 rolety. Můžete mi, prosím vás, někdo poradit, jak tento problém odstranit? Děkuji mnohokrát za každou radu. jQuery(document).ready(function(){ jQuery("ul.menu li a").hover(function() { jQuery(this).parent().find("ul.sub-menu").slideDown(200).show(); jQuery(this).parent().hover(function() { }, function(){ jQuery(this).parent().find("ul.sub-menu").hide(); }); }); }); |
||
josefadamcik Profil |
#2 · Zasláno: 5. 11. 2010, 12:21:24
Jiří Podhájský:
Zkuste zastavit provádění animace pomocí stop() před voláním hide() ... jQuery(this).parent().hover(function() { }, function(){ jQuery(this).parent().find("ul.sub-menu").stop().hide(); }); }); ... |
||
Jiří Podhájský Profil * |
#3 · Zasláno: 5. 11. 2010, 12:55:37
To má za následenk to, že jakmile animaci rolování přerušením před jejím dokončení (odjedu myší na jiné tlačítko), tak při příštím najetí myší na přerušené tlačítko dojde k vykreslení rolování jenom do části, kde došlo k přerušení. Zkrátka se roleta nevykreslí již celá, dokud neobnovím stránku.
|
||
josefadamcik Profil |
#4 · Zasláno: 5. 11. 2010, 13:14:01
Jiří Podhájský:
pravda, stop je potřeba zavolat s parametry: stop(true, true). Původní problém to vyřešilo? |
||
Jiří Podhájský Profil * |
#5 · Zasláno: 5. 11. 2010, 20:36:25
[#4] josefadamcik:
S parametry to již bezproblémově funguje! Díky moc za radu. Výsledný kód s drobnými úpravami: jQuery(document).ready(function(){ jQuery("ul.menu li a").hover( function() { jQuery(this).parent().find("ul.sub-menu").slideDown(200).show(); }, function() { jQuery(this).parent().hover( function() { }, function(){ jQuery(this).parent().find("ul.sub-menu").stop(true, true).hide(); } ); } ); }); |
||
Časová prodleva: 13 let
|
0