Diskusia – 9. diel - Štýlovanie v jQuery

Neviem ako u ostatných, ale ukazka #3 mi nefungovala pokiaľ som nepridal e, ako argument do funkcie

teda

$("*").on("click",function(e){

inak mi to vyhadzovalo chybu ReferenceError: e is not defined

To je logické keďže nebola nikde definovaná. Zrejme len preklep, to sa sem tam stane.

Inak autor článku má asi v obľube SG

Díky, přidal jsem ji tam

hmm četl jsme to několikrát ale nepobral jsem tu třetí ukázku

• kde se vzalo v té první funkci to (e) a co to vlastně dělá, co představuje?
• no a v té druhé funkci ty atributy (vlastnost, hodnota) kde se vzaly, odkud berou hodnoty?

díky Ludvík

e je odkaz na event, tzn. událost, konkrétně kliku. Nese si všechny možné informace a my s tím můžeme pracovat (pozice na obrazovce při kliku, na co jsme klikli atp.)

vlastnost a hodnota jsou se vzali díky funkce $.each, kterou procházíme (pravděpodobně) nějaký objekt nebo pole se styly. Je to vždy zapsáno nějakým způsobem, aby to dodržovalo strukturu vlastnost: hodnota, což pak zpracuje $.each a pošle nám to jako 2 argumenty, které mi zpracujeme v anonymní funkci jako parametry vlastnost, hodnoty. Mimo to nám může dosadit i další věci jako index atp.

díky

pročítám ještě nápovědu na jQuery se slovníkem v ruce a už si myslím, že to chápu

V tretej ukážke sa mi nevypisuje hodnota border.
Ani v tvojom stiahnutom vzore. (prehliadač firefox)
V chrome to ide.

Shorthand CSS properties (e.g. margin, background, border) are not supported. For example, if you want to retrieve the rendered margin, use: $(elem).css('mar­ginTop') and $(elem).css('mar­ginRight'), and so on.

Koukám, že mají na webu napsané toto, což tedy pro "border" nebude fungovat. Zajímavé však, že to funguje ve Chromu, kvůli čemuž jsem si toho nevšiml.

Po maturitě to opravím.

chapu ze to $.each projede, a budu mit v pameti ulozenou vastnost: hodnotu. Ale stale nechapu, kde se to fyzicky priradi. Ja deklaruju ve funkci "fucntion(vlas­tnost, hodnota), ale stale je to "pouze" deklarace. Kde je napsano (v kodu) ze se to ma vazat prave na vlastno: hodnotu kazde polozky pole styly? (tedy width, color a border)? Pro zjednoduseni, chapu, ze mi $.each vraci vlastnost: hodnota, ale nechapu JAK se to navaze na me deklarace funkce "fc(vlastnost, hodnota)", kde je to v kode napsane? Diky za odpoved.

Odpoveď pre Patrika. Možno sa mýlim, ale ja to vidím tak, že cyklus prechádza štýly, kde má nájsť pre vlastnosti:, width, color a border ich deklarovanú hodnotu, no a tie potom vypíše do správy.