Și așa vom începe. În primul rând, trebuie să vizitați site-ul oficial al acestui plugin și să îl descărcați. De asemenea, studiați cu atenție documentația, setați plugin-ul însuși și optimizați-l pentru funcționarea normală a scenariului. După cunoștință, trebuie să aveți fișierul jquery.raty.js. ori de câte ori este posibil jquery.raty.css. dacă este necesar și imaginile implicite, există doar trei. Din nou, voi spune că totul este implicit și de standard!
Prima parte. Conectarea fișierelor js și css. HTML. Imagini.
Prin standard, conectăm demo.css-ul stilului de stil și biblioteca necesară pentru jquery.min.js. pluginul jquery.raty.js și scriptul nostru raty.js.
După rădăcina scenariului, adăugăm trei imagini care merg în mod implicit: star-on.png - evaluare completă, star-off.png - fără evaluare, star-half.png - evaluarea la jumătate. Dacă aveți propriile poze și doriți să le utilizați, puteți crea, de exemplu, așa cum am făcut-o. Am creat dosarul img și am încărcat două imagini: rating_activ.png - stea activă, rating_passiv.png - nu este un asterisc activ.
Când faceți clic pe asterisc, apare imediat o fereastră care este apelată de metoda alert (). în care putem vedea ce stea a făcut clic și care este clasamentul pe care l-am ales.
Când faceți clic pe asterisc, se calculează și ratingul. Pentru demonstrație, fotografiile mele au fost instalate, sub formă de asteriscuri, care se află în dosarul img.
Când se deplasează, statutul ratingului cade pe fund, determinat de plasarea pe un anumit element de asterisc.
Merită să rețineți că atunci când faceți clic pe toate asteriscurile sunt stocate, în clasament așa cum le-ați apăsat, dar nu în baza de date, ci în partea clientului. Prin urmare, am decis să fac o discuție în ceea ce privește a doua parte, unde este posibilă dezvoltarea unei conservări complete a ratingului și numărarea clicurilor în general. Aceasta înseamnă că evaluarea globală va fi stocată în baza de date.
Acum ne putem familiariza cu partea JQuery a evaluării de tip tematic. Din nou, voi prelua formularea că avem în vedere doar trei exemple, care sunt standarde.
Cum funcționează, ce, cum și de ce am descris deja în detaliu mai sus, așa că mă voi concentra numai pe detalii care nu vă pot fi clare.
Sub cursul de clasă1. executam functia cu scorul parametrilor si evt. În primul dintre acestea, obținem numele metodei alert (), iar în cel de-al doilea ID. aleasă de noi. Sub rata de clasă2. am stabilit numărul de cantități de ieșire de stele, ci mai degrabă vor fi zece, și nu aplicabilitatea imaginilor în mod implicit, și în cazul în care sa starOff - un asterisc nu este activ, și Staron - activă. Sub rata de clasă3. am setat numărul numărului de asteriscuri afișate și ascundem de afișarea generală asteriscul implicit - foarte rău. stabilind o valoare generală a statutului de cinci.
A treia parte. Biblioteca jquery.raty.js.
Să discutăm pe scurt, plug-in-ul în sine. Dacă faceți această temă va fi foarte mult interesant, sau nu va fi capabil să-l înțeleagă pe deplin, atunci îl vom analiza separat și în detaliu, poate fi după cea de a doua parte, în cazul în care este, sau poate fi o parte separată a pluginului. Pentru a fi sincer, e suficient să citești chiar și o mică documentație și totul va deveni clar imediat. Punctul principal, la ce ar trebui să acordați atenție, este setările implicite.
Articole similare
Trimiteți-le prietenilor: