JQuery menu

27. 12. 2011 15:29:22

Zdravím,

potreboval by som menšiu výpomoc... robím JQuery menu, všetko fachčí ako má, až na lightbox (lavalamp)... proste prejde to nad daný element zoznamu (

), ale najprv skočí na prvý element a potom hneď nad daný... a nad prvý by malo len ak neni ani nad jedným z elementov myš...

kód

$(function(){
	$("li").mouseenter(function(){
    var pos = $(this).position().left-(($(window).width()-$("#menu").width())/2-5);
    var mar = new String($(this).css("marginLeft"));
    var marg = mar.replace("px","");
    var wd = $(this).width()+marg*2;
    $("#light").stop(true,true);
    $("#light").animate({marginLeft:pos,width:wd},"medium");
    $(this).find("div").css("visibility","visible");
    $(this).find("div").stop(true,true);
    $(this).find("div").slideDown("slow");
  }).mouseleave(function(){
    var pos = $("li:first").position().left-(($(window).width()-$("#menu").width())/2-5);
    var mar = new String($("li:first").css("marginLeft"));
    var marg = mar.replace("px","");
    var wd = $("li:first").width()+marg*2;
    $("#light").stop(true,true);
    $("#light").animate({marginLeft:pos,width:wd},"medium");
    $(this).find("div").stop(true,true);
    $(this).find("div").slideUp("slow",function(){
      $(this).find("div").css("visibility","hidden");
    });
  });
});

ale nejde to ani s podmienkou pre mouseover

a je jedno či if(!($("li").mouseover())) alebo if(!($("li:hover"))), efekt ten istý... a s podmienkou dokonca nefunguje ani slideUp().. ak sa dakto z vás v tom vyzná lepšie ako ja, alebo vám chyba až bije do očí, prosím pomôžte

demo nájdete TU

27. 12. 2011 15:29:22

https://webtrh.cz/diskuse/jquery-menu-2#reply710519

800XE

(8 hodnocení)

27. 12. 2011 15:47:06

a je jedno či if(!($("li").mouseover())) alebo if(!($("li:hover"))), efekt ten istý... a s podmienkou dokonca nefunguje ani slideUp().. ak sa dakto z vás v tom vyzná lepšie ako ja, alebo vám chyba až bije do očí, prosím pomôžte

No ta chyba opravdu bije do očí ;-) Funkce mouseover() totiž nevrací logickou hodnotu podle toho, jestli je kurzor v oblasti prvku. Aby bylo možné funkce zřetězovat, tak vrací vybraný prvek, takže

je to samé, jako

což bude vždycky false. Pomocí funkce mouseover se dá navěsit handler předaný parametrem, který se provede pokaždé, když se na daném prvku vyvolá událost mouseover.

27. 12. 2011 15:47:06

https://webtrh.cz/diskuse/jquery-menu-2#reply710518

DOBss

27. 12. 2011 16:05:39

RE: 800XE

Aha, takže už viem prečo to nejde, díky... ale ešte stále nemám ani potuchy, ako potom zistiť, či nad dajakým "

" v tom menu je kurzor... proste preto to skočí naspäť, lebo to tam má dané a mouseout sa vykoná aj vtedy ak myš prešla nad iný "

"... vedel by si mi pomôcť prosím? =) (vlastne že ako zistiť, či je nad daným elementom kurzor... hľadal som v Google, ale nefunguje)

27. 12. 2011 16:05:39

https://webtrh.cz/diskuse/jquery-menu-2#reply710517

800XE

(8 hodnocení)

27. 12. 2011 17:01:57

No ten kód je docela divokej, ale to určitě časem vypiluješ. V CSS u #menu li místo margin: 2px 22px; nastav padding: 2px 22px; a ten kód by pak mohl vypadat nějak takhle:

27. 12. 2011 17:01:57

https://webtrh.cz/diskuse/jquery-menu-2#reply710516

DOBss

27. 12. 2011 19:43:14

btw - práve som našiel vo Videocast: Vianočný jQuery Steam-ish Slider na zajtra.sk možnosť kontroly či je daný element animovaný

Keďže ste mi pomohli vy, tak dávam sem TIP aj ja ;)

27. 12. 2011 19:43:14

https://webtrh.cz/diskuse/jquery-menu-2#reply710515

Pro odpověď se přihlašte.

Přihlásit