Hoe Om 'n Gradering Te Maak

INHOUDSOPGAWE:

Hoe Om 'n Gradering Te Maak
Hoe Om 'n Gradering Te Maak

Video: Hoe Om 'n Gradering Te Maak

Video: Hoe Om 'n Gradering Te Maak
Video: Hoe om 'n staafgrafiek te maak (Graad 3) 2024, Mei
Anonim

Rangorde is 'n baie lonende proses, aangesien dit beduidende ondersteuning kan bied vir die skep en promosie van webwerwe en blogs. In elk geval, dit kan mooi lyk. Besoekers kan sekere materiaal op die webwerf of blog beoordeel, hetsy artikels, beelde, ensovoorts. Vandag gaan ons praat oor 'n jQuery-inprop wat graderings genereer. Hierdie inprop word "jQuery Star Rating Plugin" genoem, dit is baie gebruikersvriendelik en maklik om te gebruik en verg nie veel moeite om daarmee te werk nie. Laat ons dus probeer om 'n gradering op u webwerf te skep.

Hoe om 'n gradering te maak
Hoe om 'n gradering te maak

Dit is nodig

plugin plugin vir jQuery-stergradering

Instruksies

Stap 1

Laai die jQuery-inprop aanlyn af. Verbind die invoegtoepassingsbiblioteek en sy lêers.

Stap 2

Soek die CSS-lêer in die inpropargief en sluit dit in.

Dit lyk soos volg:

Stap 3

Skep 'n groep radioknoppies:

As gevolg hiervan sal daar net soveel sterre wees as wat daar knoppies is.

Nou het u reeds 'n volledig funksionele inprop, maar u kan dit ook aanpas.

Stap 4

Om breukgetalle te gebruik (dit wil sê sodat die besoeker byvoorbeeld 'n gradering van 4, 5 kan kies). Gebruik die klaskenmerk om dit te doen. Stel dit as:

class = "ster {split: 2}"

waar 2 die aantal dele is waarin u die sterretjie gaan verdeel.

As u wil hê dat 'n sekere aantal sterre by verstek gekies moet word, gebruik dan die gekeurde = "gekontroleerde" eienskap.

Stap 5

Om die stemresultate te verwerk en te ontleed, onthou: die inprop verander die bladuitleg, in plaas van die radioknoppies verskyn 'n verborge veld wat die stemresultate sal bevat.

Vir die voorbeeld hierbo sal hierdie veld so lyk:

Dit is oor die algemeen alles. Dit is 'n baie handige inprop wat nie baie moeite verg om mee te werk nie. Sterkte met die skep van u eie ranglys!

Aanbeveel: