Jquery skrytí elementu – JavaScript, AJAX, jQuery – Fórum – Programujte.com

Zdravím,

jsem začátečník v JS a potřebuji poradit čím může být způsobeno to, že v oknu prohlížeče je nějaký text a dole je element, text se píše po daný element pak se objeví scroller a vše funguje jak má, ale když dám tento element skrýt přes událost .hiden tak se text neposune až na konec stránky ale stále se zalamuje v místě kde byl element, ale v případě kdy změním velikost okna prohlížeče, tak vše funguje jak má.

Děkuji. 

Spíše to vypadá na CSS problém než na problém v JS. Když postneš kód, bude to lepší. :)

U .hiden ses asi překlepnul. Pokud si myslel funkci .hide(), tak ta na element pouze nastaví display: none; takže element již nemůže ničemu bránit. Pokud si ale opravdu použil nějaké hiden(), které jQuery neobsahuje, tak může obsahovat třeba visibility: hidden;, které opravdu element jen skryje, ale fyzicky jej neodstraní. Tak či tak je to věc CSS.

Take si myslim, ze je to css problem. Spolehlivejsi je menit class elementu (obj.className), v classu presne vis, co mas.
Take mne napadla hned ta visibility. ale...
" ale v případě kdy změním velikost okna prohlížeče, tak vše funguje jak má"
To je docela nepredvidatelne chovani. Ted bych uvazoval spis o nejakem bugu ohledne floatu, protoze s tim zalamovanim textu bych to odhadoval na float, zase. Schvalne, dela to jiny prohlizec nez Firefox, ze? Mozna pomuze kolem obou prvku dat div z position:relative; nebo display:inline-block nastavit pro ten float prvek.

#3 peter
Měl jsem na mysli funkci hide omylem jsem napsal hiden. On bude problém nejspíš někde v nějakém jiném JS, protože když se podívám přes nástroj vývojáře tak se to chová, tak jak mám.
A ten text se kterým je problém, tak on se tam přidává a mizí podle toho jak se scrolluje a právě problém je v tom, že když ten prvek dám skrýt, tak se jakoby nic nezmění pro ten text a stále se zobrazuje jenom do úrovně toho prvku co je teď skrytý. V případě, kdy se změní velikost okna tak se to celé předělá a vypadá to tak jak má, což mě hlava neber. 

Problém je taky v tom, že já do celé té webové aplikace dodělávám jenom ten jeden element a ty zdrojáky nejsou vůbec nijak okomentovány a špatně se dohledává co k čemu je.   

"on se tam přidává a mizí podle toho jak se scrolluje" Tak to může být navázané na hromadu dalších scriptů a CSS na to nemusí mít v podstatě žádný vliv.

Pokud to reaguje na resize okna, tak je tam určitě nějaká übercool respo "optimalizace", která přepočítává pozice. Ten text může mít nastavený fixní height, proto se ti nerostáhne. To si můžeš jednoduše zkontrolovat přes nástroje, jaké styly na tom elementu jsou.

#5 NeregistrovanyHookyns
Právě ve stylech jsem nic nenašel co by mohlo vadit, a i když jsem je zkoušel vypínat a zapínat tak jsem na nic zásadního nepřišel. 

Tak nejspíše, zato, že po změně velikosti okna se vše dá do stavu jak má být může tento kus kódu:  

this.resize=function(a){this.renderer.onResize(a)

Tak i když je to spíše takový hot-fix, tak při volání .hide() můžeš zavolat ten resize(), pokud se k němu dostaneš tzn. pokud máš přístup k instanci třdy nebo k objektu, ve kterém se ta metoda nachází. Ale vážně je to spíš hot-fix než správné řešení.

#8 NeregistrovanyHookyns
A nevíš co dělá to renderer? 

#9 Tomáš
To může být naprosto cokoliv. Vůbec tvou aplikaci neznám, nevím co je tam použité.

Ale pokud tohle ten problém řeší a jako hot-fix ti to stačí, můžeš po skrytí elementu vyvolat onResize event. Můžeš sám změnit velikost okna, např. o jeden pixel, případně to i nastavit zpět. 

http://stackoverflow.com/questions/1861109/forcing-windows-resize-to-fire

#10 NeregistrovanyHookyns
Jsem myslel jestli to neni něco obecného. 

Jinak dík, prozatím to vyřeším hot-fix aby se to dalo používat a snad časem přijdu na pořádné řešení.