Ich habe ein Plugin für die Sternebewertung verpackt for Meteoriten Deshalb habe ich alle 11 aufgelisteten jQuery-Bewertungsplugins bewertet aquí und der Gewinner ist mit Abstand, RateIt .
Schnell, progressive Verbesserung, Touch-Unterstützung, anpassbar (tauschen Sie einfach die Bilder aus oder ändern Sie einige CSS), unaufdringliches JavaScript (mit HTML5 data-*-Attributen), RTL-Unterstützung, unterstützt so viele Sterne wie Sie möchten und auch jede Schrittgröße.
Reduzierte Größe: 4.35KB (1.55KB wenn gzipped).
Getestet am: IE6-10, Chrome 7-22, Firefox 3.6-16, Opera 10.63-12 - mit jQuery 1.6.2 - 1.8.2. Test der Touch-Unterstützung auf iPad iOS 4.2.1-5
RateIt kann optional die HTML5-Bereichseingabeelement - perfekt für diesen Zweck. Nicht lahm <li>
Elemente oder Optionsschaltflächen.
Die anderen sind eindeutig schlechtere Lösungen:
Star Rating, die erste Antwort
- 78 offene Fragen
- auf Google Code, nicht auf GitHub, was bedeutet, dass es wenig bis keine Pull Requests gibt
- letzte Aktualisierung vor 7 Monaten
Raty, die zweite Antwort
- etwas langsame Entwicklung (siehe Registerkarte "Probleme")
- kein Hinweis auf Browser-Kompatibilität oder Touch-Unterstützung
- hat eine Testsuite
https://github.com/ripter/jquery.rating
- nur 22 Verpflichtungserklärungen
- keine Touch-Unterstützung, keine Auflistung der Browser-Kompatibilität oder ähnliches
- raty ist eindeutig besser
Auf jeden Fall wird in keiner dieser Listen die Browser-Kompatibilität oder die Touch-Unterstützung erwähnt. RateIt schon, und es wird auch klar erklärt, warum es besser und anders als die anderen ist:
Warum ist RateIt anders
Obwohl es dieselbe Aufgabe erfüllt wie die anderen jQuery-Plugins für Sternbewertungen, liegt der Hauptunterschied in seiner Einfachheit. Die meisten Plugins erstellen ein Element für jeden (teilweisen) Stern, sei es ein div mit einem Stern-Hintergrund, oder ein img-Tag. Jedes dieser Tags erhält ein Hover- und ein Click-Ereignis. Und bei diesen Hover-/Klick-Ereignissen muss es mit den anderen Sternen kommunizieren und ihnen sagen, dass sie ihren Zustand ändern sollen.
Jedes Stern-Plugin nimmt also eine Menge DOM-Änderungen vor (indem es die Anzahl der Sterne als Elemente hinzufügt) und fügt viele Ereignisse hinzu (wiederum die Anzahl der Sterne mal 2).
RateIt verwendet im Wesentlichen drei Divs.
Oh, und die letzte Aktualisierung? Gestern.