| Autor | Zpráva | ||
|---|---|---|---|
| had Profil * |
#1 · Zasláno: 21. 3. 2014, 20:04:40
Ahoj,
snažím se udělat "rozjížděcí" menu za pomocí jquery. V html mám skrytý div jako submenu a za pomocí .show() a .hide() ho chci skrývat / zobrazovat po najetí myší na hlavní odkaz. Potřebuju to ale vychytat tak, aby se menu schovalo, když s myší odjedu mimo hlavní odkaz a nebudu zároveň s tou myší na oblasti toho submenu... Mám něco takovýho: $("#menu-links-forum-link").mouseenter(function(){
$("#submenu-links-forum").show("slow"); // zobrazí submenu
}).mouseleave(function(){
var hideSubmenu = true;
$("#submenu-links-forum").mouseenter(function(){
$(this).mouseleave(function(){
$(this).hide("slow");
});
hideSubmenu = false;
});
if(hideSubmenu){
$("#submenu-links-forum").hide("slow");
}
});
$("#submenu-links-forum").mouseleave(function(){
$(this).hide("slow");
});Ale nejede to... máte, prosím, nějakou ideu, jak na to? Předem děkuju za pomoc. H. |
||
| Chamurappi Profil |
#2 · Zasláno: 21. 3. 2014, 21:46:29
Reaguji na hada:
HTML vypadá jak? Nebylo by lepší dodat živou ukázku? Pokud nemáš položku menu a její podmenu ve stejném rodiči, proč to tak nemáš? Pokud to tak máš, proč chytáš mouseenter odkazu a ne toho rodiče?
|
||
| had Profil * |
#3 · Zasláno: 21. 3. 2014, 21:55:44
Živou ukázku asi nedám, mám web jenom na localhostu, musel bych ho nahrávat a to by znamenalo spoustu jinejch věcí vychytat (např. ještě nemám převedené databáze...)
Podle přihlášenosti uživatele příp. dogeneruju v PHP odkaz na fórum pro veřejnost... Nedával jsem to do rodiče, protože jsem nejdřív udělal menu hlavní (těch prvních pět položek) a pak jsem s postupem času přišel na to, že budu potřebovat menu udělat rozjížděcí, ale už jsem to měl nastylovaný a nechtělo se mi do toho moc zasahovat... příp. se to tak určitě může udělat, nejsem proti, ale moc se mi do toho nechce, vždycky zápasím s CSS pozicováním těhlech menu... <div id="menu-links">
<ul>
<li><a href="/">AKTUALITY</a></li>
<li><a href="/forum/clenove/" id="menu-links-forum-link">FÓRUM</a></li>
<li><a href="/fotogalerie/">FOTOGALERIE</a></li>
<li><a href="/texty/">TEXTY</a></li>
<li><a href="/kapela/" class="active">O NÁS</a></li>
</ul>
<div id="submenu-links-forum">
<ul>
<li><a href="/forum/verejnost/">Pro veřejnost 1</a></li>
<li><a href="/forum/verejnost/">Pro veřejnost 2</a></li>
<li><a href="/forum/verejnost/">Pro veřejnost 3</a></li>
</ul>
</div><!-- #submenu-links-forum -->
<div id="submenu-links-kapela">
<ul>
<li><a href="/kapela/cd/">CD</a></li>
<li><a href="/kapela/pisnicky/">Písničky</a></li>
<li><a href="/kapela/partneri/">Partneři</a></li>
<li><a href="/kapela/pristupnost/">O přístupnosti webu</a></li>
</ul>
</div><!-- #submenu-links-kapela -->
</div><!-- #menu-links --> |
||
|
Časová prodleva: 10 let
|
|||
0