jQuery dropdown menu

Programovacie jazyky, rady, poradňa...
m_pro_m
Light Star
Light Star
Používateľov profilový obrázok
Príspevky: 268
Registrovaný: 05 jún 2009, 20:42

jQuery dropdown menu

Príspevok od používateľa m_pro_m »

Ahojte..
začal som sa trošku zaujímať o jQuery no a zaujali ma dropdown menu, ktoré sa v ňom dajú vytvoriť.
Teraz nemyslím tie jednoduché že pri CSS :hover sa zobrazí nejaký blok ale pri hoveri v jQuery sa "vysunie" menu.
Tu je ukážka link. Tu je link na source code link
Ale ako ste si všimli, tam treba na obrázok kliknúť a ono sa to potom vysunie/zasunie cez slideToggle.

Ja som skúšal všeliaké eventy ako to spraviť pri hoveri. Ja som to spravil asi potiaľto : Pri prejdení na ten obrázok sa menu vysunulo no keď ste išli myšku dať na nejaký link(položku) menu sa zasunulo. To som vyriešil odstránením eventu " pri opustení myšky z obrázku sa zasuň ".
Pridal som ešte event aby sa po opustení celého UL zasunulo. No vtedy to začalo absolútne čudne bugovať :/

Chcem sa spýtať, je vôbec možné riešiť to nejako cez tie funkcie slide ? Ja som našiel ešte menu tinydropdown2, ktoré presne robí to čo by som chcel. No keď som sa pozrel na zdroják ... nechápavo som sa díval na tie desiatky riadkov. To len oni to tak "elegantne" vyriešili alebo iná možnosť ani nie je ?

Ďakujem za odpovede
sharky-no
King
King
Používateľov profilový obrázok
Príspevky: 1681
Registrovaný: 31 okt 2006, 19:53

Re: jQuery dropdown menu

Príspevok od používateľa sharky-no »

Kód: Vybrať všetko

$(document).ready(function () {
    $('#button').hover(function () {
	$('ul.the_menu').slideToggle('medium');
    },function(){                 
	$('ul.the_menu').slideToggle('medium');
    } ) ;
});
takto ti to pojde ;)

problem bol v tom, ze sledovalo event na obrazku, a teda ked si opustil mysou ten obrazok tak si vlastne hned spustil callback hoveru.
m_pro_m
Light Star
Light Star
Používateľov profilový obrázok
Príspevky: 268
Registrovaný: 05 jún 2009, 20:42

Re: jQuery dropdown menu

Príspevok od používateľa m_pro_m »

ach ták .. diki moc :)
Napísať odpoveď