Jquery csillagos értékelés
És így, kezdjük. Először, meg kell róla, hogy a hivatalos honlapon a dugó, és töltse le. Hanem alaposan megvizsgálja a dokumentációt felállítása a plug-in és optimalizálása a normális működését a forgatókönyvet. Miután elolvasta, akkor kellett volna jquery.raty.js fájlt. által jquery.raty.css lehetőségeket. ha szükséges, és az alapértelmezett kép, már csak három. Ismét mondom, ez az alapértelmezett és szabványos!
Az első rész. Csatlakozó js fájlokat és css. HTML. Képek.
A szabvány szerint include fájlokat és stílusok demo.css szükséges könyvtár jquery.min.js. jquery.raty.js dugó, és a forgatókönyvet raty.js.
Miután a script a gyökér, adjunk hozzá három képek jönnek alapértelmezés: csillag-on.png - a teljes értékelés, csillag-off.png - nincs értékelés, csillag-half.png - eddig felét. Ha képeket szeretnénk használni őket, akkor létrehozhat például, ahogy én tettem. Létrehoztam img mappát, és betölteni a két kép: rating_activ.png - aktív csillag, rating_passiv.png - nem aktív csillag.
Ha rákattint egy csillag, amint megjelenik az ablak, okozta a riasztást () metódust. ahol kiderül, minden csillag mi kattintott, és mi az értékelésnél kiválasztva.
Ha rákattint egy csillag, számított minősítés. Annak bizonyítására, képeim hoztak létre, a formájában a csillagok, amelyek az img mappát.
Amikor az egérrel, legördülő rangsor állapot, ami által meghatározott célozza egy adott lánckerék elem.
Érdemes megjegyezni, hogy ha megnyomja a csillag mentett a rangsorban, miközben megnyomja őket, de nem szerepel az adatbázisban, és a kliens oldalon. Ezért úgy döntött, hogy a vita árán a második rész, ahol lehetőség van, hogy dolgozzon ki egy teljes értékű természetvédelmi rangsorban, és a kattintások számítanak a teljes. Azaz, a teljes minősítés kerül egy adatbázisban tároljuk.
Most megismerkedhetnek JQuery részt csillagos minősítés. Ismét szeretnék használni egy olyan készítmény, amely már úgy csak három példát, amelyek egyfajta szabvány.
Hogyan működnek, mit, hogyan és miért, azt már a fentiekben részletesen ismertettük, ezért csak a problémás részeket, amelyek lehetnek nem érti.
Az osztály arány1. futunk a függvény paraméterei és pontszám evt. Az első, amit kap az alert () a neve, és a második azonosítót. kontaktus kiválasztva. Az osztály mérték2. mi meg a kimenet számát mennyiségű csillagok, hanem ott lesz tíz, és nem az alkalmazhatóságát a képek alapértelmezés szerint és hol starOff - csillaggal nem aktív, és STARON - aktív. Az osztály rate3. mi meg a csillagok száma megjelenített szám, és elrejti az általános kijelző alapértelmezett csillag - nagyon rossz. az egységes közös állapot értéke egyenlő öttel.
A harmadik rész. jquery.raty.js Könyvtár.
Beszéljünk röviden, a bővítmény is. Ha ezt a témát lesz nagyon érdekes, vagy nem lesz képes teljes mértékben megérteni, akkor mi lesz az elemzésre, külön-külön és részletesen lehet, miután a második részben, ha nem volt, vagy lehet egy különálló része a plugin. Nos, őszintén szólva, elég, még olvasni néhány dokumentációt és minden világos lesz. A lényeg meg kell figyelni, mert ez az alapértelmezett beállítás.