Ang pagraranggo ay isang napaka-rewarding na proseso dahil maaari itong magbigay ng malaking suporta sa paglikha at promosyon ng mga website at blog. Gayunpaman, maaari itong magmukhang maganda. Maaaring i-rate ng mga bisita ang ilang mga materyal sa site o blog, maging mga artikulo, larawan, at iba pa. Ngayon ay pag-uusapan natin ang tungkol sa isang plugin ng jQuery na bumubuo ng mga rating. Ang plugin na ito ay tinatawag na "jQuery Star Rating Plugin", ito ay napaka-madaling gamitin at madaling gamitin at hindi nangangailangan ng maraming pagsisikap upang gumana kasama nito. Kaya't subukan nating lumikha ng isang rating sa iyong site.
Kailangan iyon
jQuery Star Rating Plugin plugin
Panuto
Hakbang 1
I-download ang jQuery plugin online. Ikonekta ang library ng plugin at mga file nito.
Hakbang 2
Hanapin ang file na CSS sa archive ng plugin at isama ito.
Parang ganito:
Hakbang 3
Lumikha ng isang pangkat ng mga pindutan ng radyo:
Bilang isang resulta, magkakaroon ng maraming mga bituin na may mga pindutan.
Ngayon ay mayroon ka ng isang buong functional plugin, ngunit maaari mo ring ipasadya ito.
Hakbang 4
Upang magamit ang mga praksyonal na numero (iyon ay, upang ang bisita ay maaaring pumili, halimbawa, isang rating na 4, 5). Upang magawa ito, gamitin ang katangian ng klase. Itakda ito bilang:
class = "star {split: 2}"
kung saan ang 2 ay ang bilang ng mga bahagi kung saan mo hahatiin ang asterisk.
Kung nais mo ng isang tiyak na bilang ng mga bituin na mapili bilang default, pagkatapos ay gamitin ang naka-check na = "nasuri" na katangian.
Hakbang 5
Upang maproseso at suriin ang mga resulta sa pagboto, tandaan: binabago ng plugin ang layout ng pahina, sa halip na mga pindutan ng radyo, lilitaw ang isang nakatagong patlang na maglalaman ng mga resulta sa pagboto.
Para sa halimbawa sa itaas, ang larangan na ito ay magmumukhang ganito:
Iyon, sa pangkalahatan, ay lahat. Ito ay isang talagang madaling gamiting plugin na hindi nangangailangan ng maraming pagsisikap upang gumana. Good luck sa paglikha ng iyong sariling mga ranggo!
