Oglas
U našoj završnoj lekciji o ovome jQuery za početnike serije poduka, ukratko ćemo ih pogledati jQuery korisničko sučelje - najkorišteniji jQuery dodatak za dodavanje grafičkih korisničkih sučelja web aplikacijama. Od maštovitih oblika i vizualnih efekata, do povučenih widgeta, spinnera i dijaloških okvira - jQuery korisničko sučelje pruža vam mogućnost stvaranja bogatih web korisničkih sučelja.
Ako već niste, pročitajte naše prethodne članke u nizu:
- Uvod: Što je jQuery i zašto biste se trebali brinuti? Izrada Interneta interaktivna: uvod u jQueryjQuery je biblioteka skripta na strani klijenta koju koristi gotovo svaka moderna web stranica - to čini web stranice interaktivnim. To nije jedina Javascript knjižnica, ali je najrazvijenija, najviše podržana i najčešće korištena ... Čitaj više
- 1: Selektori i osnove jQuery Tutorial - Prvi koraci: Osnove i izborniciProšli tjedan sam govorio o tome koliko je jQuery važan bilo kojem modernom web programeru i zašto je to fenomenalno. Ovaj tjedan mislim da je došlo vrijeme da se ruke umažemo nekim šifrom i naučimo kako ... Čitaj više
- 2: Metode Uvod u jQuery (2. dio): Metode i funkcijeOvo je dio stalnog uvoda za početnike u jQuery seriju web programiranja. Prvi dio je pokrenuo osnove jQueryja o tome kako ga uključiti u svoj projekt i odabire. U drugom dijelu, nastavit ćemo s ... Čitaj više
- 3: Čekanje na učitavanje stranice i anonimne funkcije Uvod u jQuery (3. dio): Čekanje na stranicu za učitavanje i anonimne funkcijejQuery je vjerojatno osnovna vještina modernog web programera, a u ovoj kratkoj mini seriji nadam se da ću vam dati znanje kako biste je počeli koristiti u vlastitim web projektima. U... Čitaj više
- 4: Događaji jQuery Tutorial (4. dio) - Slušatelji događanjaDanas ćemo to otvoriti i stvarno pokazati gdje jQuery sjaji - događaji. Ako ste slijedili prethodne vodiče, sada biste trebali dobro razumjeti osnovni kod ... Čitaj više
- Otklanjanje pogrešaka s alatima za razvojne programere Chrome Otkrijte probleme s web-lokacijama pomoću alata za razvojne programere Chrome ili FirebugaAko ste dosad pratili moje jQuery tutorijale, možda ste već naišli na neke probleme s kodom i ne znate kako ih riješiti. Kad se suočite s nefunkcionalnim bitnim kodom, vrlo je ... Čitaj više
- 5: AJAX jQuery Tutorial (5. dio): AJAX Them All!Kako se bliži kraj naše mini tutorial serije jQuery, krajnje je vrijeme da detaljnije pogledamo jednu od najčešće korištenih značajki jQueryja. AJAX omogućava web mjestu da komunicira s ... Čitaj više
Što je jQuery korisničko sučelje i zašto ga treba koristiti?
jQuery korisničko sučelje nudi vam sve komponente potrebne za modernu web aplikaciju s GUI-jem. Želite li bolji opis, to je kolekcija widgeta.
Za brzu predodžbu o tome što možete učiniti, samo pregledajte MakeUseOf. Kod nas je sadržaj zapravo samo odvojen DIV s neuređenim popisom koji će djelovati kao indeks. Pokrenite funkciju kartica jQuery na njima i oni se magično pretvaraju u kartice. Super! Možete čak i učitati sadržaj kartica putem AJAX-a ako želite.
Stranica Nagrade također koristi dijaloški okvir "modalni skočni prozor" za potvrdu radnje korisnika i povratne poruke. Da biste usredotočili pažnju korisnika, dijaloški okvir možete zatamniti ostatak sadržaja stranice sve dok interakcija ne završi.
Na našoj stranici s odgovorima koristimo jednostavno tooltip značajka za pružanje savjeta o gumbima.
jQuery korisničko sučelje zaista se ističe kada je riječ o oblicima, omogućavajući pristup mnoštvu klizača i birača. Veliki sam obožavatelj datepicker dodatak koji možete unijeti na uobičajeni okvir za unos teksta u koji bi korisnik trebao upisati datum.
Izgleda komplicirano zar ne? Možete li zamisliti kodiranje nečeg takvog u čisti JavaScript? Ovako to radite s korisničkim sučeljem jQuery:
$ ( "# DateField") datepicker ().
Neću više trošiti vrijeme na objašnjavanje koliko je to strašno jer službeni demo jQuery UI dati dobar pregled svih dostupnih značajki kao i jednostavnih uzoraka koda. Idi pročitaj.
Dodavanje korisničkog sučelja jQuery
Najjednostavniji način za početak s korisničkim sučeljem jQuery je dodavanje sljedećih redaka u zaglavlje - ali napraviti sigurni su da su dodani NAKON glavne referentne vrijednosti jQuery-a, jer jQuery korisničko sučelje zahtijeva da se jQuery prethodno učita. Potrebna vam je i referenca na skriptu dodataka i stylesheet koji sadrži vizualni opis tih UI elemenata.