Padajući izbornik - pitanje

Bok,

koristim ovaj code :

http://pastebin.com/taSJXL3B

za padajući izbornik, koji bi trebao imati sličan efekt kao i kod svih tema kod WordPress Themes Demo - YOOtheme

znači kad pređem preko izbornika sa mišem da padajući menu ima taj efekt, e sada kod mene je problem sljedeći :

kad otvorim stranicu odnosno homepage ili bilo koju drugu od wordpress teme gdje i to radim
i kada prvi put pređem mišem preko izbornika, padajući menu se otvara normalno kao da nema nikakvog efekta
tek iz drugog pokušaja radi i tako sve radi dok ne otvorim novu stranicu ili ne napravim refresh stranice, ako to napravim onda opet iz prvog pokušaja ne radi jquery efekt nego tek iz drugog.

zašto ?

te dali postoji bolje rješenje za taj efekt ?

Hvala

[OuttaControl]

ako nije problem da staviš tu sve
http://jsfiddle.net/


nablef moš probat u css-u
display: none
i dodat u code da ti ti promjeni css u display block

$('#categories.nav ul li ul, #pages.nav ul li ul').css('display','block'). ...

mozes probat i ovo

$("#categories.nav li, #pages.nav li").hover(
function() {
    $("ul", this).slideUp(500, 'easeInOutCubic');

},
function() {
    $("ul", this).slideUp(0).slideDown(500, 'easeInOutCubic');
}

);

ili

$("#categories.nav li, #pages.nav li").hover(function(e) {

    e.preventDefault();
    
    $(this).prev('ul').slideToggle(500);


});

Hvala na pomoći budem to sada probao

a da pokušam biti precizniji, znači radim u Wordpressu

te za prikaz kategorija i stranica odnosno categories and pages

vrlo često imam odvojene izbornike, znači na vrhu su pages

malo ispod negdje je izbornik za categories.

te koristim ovo : http://webdesign.tutsplus.com/tutori...el-navigation/

znači to koristim i to radi apsolutnu normalno samo za prikaz kategorija ili stranica koristim :

<div class="container">
<a class="toggleMenu" href="#">Categories</a>
<div class="nav" id="categories">
<?php wp_list_categories('title_li=&hide_empty=0'); ?>
</div>
</div>

i to radi normalno.

želim napomenuti da gore navedena solucija koristi jQuery te se može vidjeti o čemu riječ. služi za padajući izbornik i za responsive svrhe.

nakon toga tj. nakon nekoga vremena sam odlučio da bih padajući izbornik imao effekt, a ne da samo izleti te sam naišao na ovo :

http://stackoverflow.com/questions/3...hover-is-jumpy

na jsFiddle radi normalno na ovom primjeru ali meni jednostavno neće, a samo sam napravio copy/paste koda

problemi su da iz prvog pokušaja neće raditi efekt, tek iz drugog ili ako refresham stranicu problem opet jer iz prvog pokušaja neće raditi....

hvala

EDIT: probao sam tvoje prijedloge ali nažalost ne rade

[OuttaControl]

ajde probaj samo dodat ovo u kod (onaj tvoj kod)

$(this).addClass("hover");

[sinisa1989]

Na koji način koristiš jQuery, tj. gdje pišeš kôd? U posebnoj skripti ili u footeru/headeru?
Da li ti je cijeli kôd unutar document.(ready) bloka?
Još jedno pitanje (možda malo glupo), što koristiš kod selektora

$('#neki_element')

ili

jQuery('#neki_element')

?
Po ovom što vidim na pastebin-u, koristiš ovu drugu metodu, ali možda negdje koristiš prvu metodu, pa ti zbog toga nešto ne radi.

Autor OuttaControl

ajde probaj samo dodat ovo u kod (onaj tvoj kod)

$(this).addClass("hover");

Autor sinisa1989

Na koji način koristiš jQuery, tj. gdje pišeš kôd? U posebnoj skripti ili u footeru/headeru?
Da li ti je cijeli kôd unutar document.(ready) bloka?
Još jedno pitanje (možda malo glupo), što koristiš kod selektora

$('#neki_element')

ili

jQuery('#neki_element')

?
Po ovom što vidim na pastebin-u, koristiš ovu drugu metodu, ali možda negdje koristiš prvu metodu, pa ti zbog toga nešto ne radi.

OuttaControl, budem sada to probao da vidim dal će biti ok

sinisa1989, koristim ovu drugu opciju, uvijek imam napisano s jQuery

jedino možda u jednom ili dvije .js file-a imam ovako :

(function( $ ){

})( jQuery );

te imam zaseban file naziva theme-js.php u kojem pozivam jQuery

evo to ovako izgleda :

http://pastebin.com/u8aN3C4d

kliknite na kockicu u sredini iznad koda da code bude jasnije prikazan.

te na koji code misliš dali mi je unutar document.(ready) bloka?

Hvala

evo sada sam probao svoj code na http://jsfiddle.net

i tamo radi iz prve... e sada neznam što bih mogao biti problem ?

dali se neki jquery međusobno kolju ili kaj ?

trebao bih napomenuti da ja radim offline odnosno putem localhosta

dali bi to mogao biti problem ?

hvala

[OuttaControl]

Da ti nije u baznoj temi neka starija verzija jqueria?

[sinisa1989]

Autor chief_wolfinjo

OuttaControl, budem sada to probao da vidim dal će biti ok

sinisa1989, koristim ovu drugu opciju, uvijek imam napisano s jQuery

jedino možda u jednom ili dvije .js file-a imam ovako :

(function( $ ){

})( jQuery );

te imam zaseban file naziva theme-js.php u kojem pozivam jQuery

evo to ovako izgleda :

http://pastebin.com/u8aN3C4d

kliknite na kockicu u sredini iznad koda da code bude jasnije prikazan.

te na koji code misliš dali mi je unutar document.(ready) bloka?

Hvala

Sve što se odnosi na taj izbornik mora biti unutar tog bloka.

Autor chief_wolfinjo

evo sada sam probao svoj code na http://jsfiddle.net

i tamo radi iz prve... e sada neznam što bih mogao biti problem ?

dali se neki jquery međusobno kolju ili kaj ?

trebao bih napomenuti da ja radim offline odnosno putem localhosta

dali bi to mogao biti problem ?

hvala

Možda već imaš negdje neki kôd koji se odnosi na izbornik (koji se aktivira na hover) pa se zbog toga kolju. Nema veze što radiš na localhostu, sve dok imaš vezu na net (ako čitaš jQuery library sa google-a).
Pokušaj staviti jQuery kôd u footer.php unutar script tagova.

maknuo sam file-ove vezane za menu, i postavio sam čisti css za nekakav menu i opet submenu efekt nije radio od prve... fakat neznam u čem bi mogao biti više problem....

nego dali netko zna zašto dva jquery file-a ne rade ako nisu u headeru ? postavio sam ih tako da ih zovem iz file-a theme-js.php

ovako :

http://pastebin.com/ZcJsLvLp

i neče raditi, kad ih vratim nazad u header.php onda rade normalno.

a radi se o ovom file-u kojeg zovem :

http://pastebin.com/pdh2tgtF

hvala

[sinisa1989]

Pogledaj u source kôdu stranice. Možda ti učita custom script prije jquery library-a.

[sinisa1989]

Jel si probao isključit sve pluginove?

nisam zadnjih par ništa radio na temu toga jer sam imao neke druge stvari za napraviti da ne gubim vrijeme na to....

neznam dali bi ti mogao tj. dali imaš vremena probati na bilo kojoj svojoj wordpress temi probati taj efekt isprobati ?

hvala

[sinisa1989]

Zipaj, pa pošalji na PM.
Pokušat ću naći vremena.

Autor sinisa1989

Zipaj, pa pošalji na PM.
Pokušat ću naći vremena.

super

a od čega trebaš zip ?

[sinisa1989]

Što god hoćeš (temu/cijeli wp/fajlove koji se na to odnose).

Autor sinisa1989

Što god hoćeš (temu/cijeli wp/fajlove koji se na to odnose).

bok,

ma ne treba ti ništa iskreno

samo instaliraj wordpress na localhost ili online, te koristi njihovu standarnu temu, te probaj u nju ugraditi taj efekt za njihov menu i to je to.

probaj koristiti jedan od ovih code-ova :

http://pastebin.com/7RmqbLEe

http://jsfiddle.net/zYAcB/39/

http://jsfiddle.net/nick_craver/GgdEM/1/

http://jsfiddle.net/jUraw/23/

http://stackoverflow.com/questions/3...hover-is-jumpy

molim te

pa javi kako ti radi

hvala

[sinisa1989]

Autor chief_wolfinjo

bok,

ma ne treba ti ništa iskreno

samo instaliraj wordpress na localhost ili online, te koristi njihovu standarnu temu, te probaj u nju ugraditi taj efekt za njihov menu i to je to.

probaj koristiti jedan od ovih code-ova :

http://pastebin.com/7RmqbLEe

http://jsfiddle.net/zYAcB/39/

http://jsfiddle.net/nick_craver/GgdEM/1/

http://jsfiddle.net/jUraw/23/

http://stackoverflow.com/questions/3...hover-is-jumpy

molim te

pa javi kako ti radi

hvala

Ok, malo sam sad u gužvi, ali do navečer ću isprobati, pa ti javim rezultate.

ok hvala

[sinisa1989]

I kod mene ista stvar. Malo ću se poigrat, pa se javim (nadam se s pozitivnim rezultatom).

hvala na trudu

jedan drugi korisnik je rekao : Trebaš keširat menu (stavit ga da je jQuery varijabla saa: var menu = $('#menu'); )

ali ja to neznam napraviti... nadam se da vi znate

hvala

[sinisa1989]

Koristio sam i tu metodu - selektore sam koristio kao varijable, ali nema efekta. Pokušat ću još danas navečer dok se malo rasteretim.

Autor sinisa1989

Koristio sam i tu metodu - selektore sam koristio kao varijable, ali nema efekta. Pokušat ću još danas navečer dok se malo rasteretim.

ok. nadam se da ćete moći rješiti

pronašao rješenje

trebalo je dodati : display: none;

u

#pages.nav li ul {
display: none;
position: absolute;
left: -9999px;
}

i sada radi