22 Stimmen

JQuery Stern-Bewertung

Kann jemand vorschlagen, eine einfache JQuery fünf Sterne Bewertung Skript, das einfach zu installieren ist. Ich brauche nur eine einzige Instanz auf einer einzigen Seite. Es ist mir egal, ob es in eine Datei oder mysql-Datenbank schreibt, um den Bewertungsdurchschnitt zu berechnen.

Es sollte die Anzahl der Stimmen und den berechneten Durchschnitt anzeigen. Es sollte auch prüfen, ob die Person bereits bewertet hat oder nicht mehr als 2 Bewertungen auf einmal zulassen. Es sollte Cookies oder Sitzungen haben, um Mehrfachbewertungen zu verhindern oder einen anderen Mechanismus.

Es ist mir egal, ob es kostenlos ist oder Geld kostet, aber die Lizenzierung sollte es mir erlauben, es in kommerziellen Anwendungen zu verwenden.

Ich bin für alle Vorschläge dankbar! Ich danke Ihnen!

P.S. Ich habe ein paar Tage damit verbracht, verschiedene Skripte im Internet auszuprobieren, aber ich habe nichts gefunden, das wirklich vollständig war.

50voto

Dan Dascalescu Punkte 125523

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.

4voto

zsalzbank Punkte 9400

Das sieht gut aus:
http://www.fyneworks.com/jquery/star-rating/

Sie benötigen jedoch ein umfangreicheres Backend, um sicherzustellen, dass niemand zweimal abstimmen kann, und um die durchschnittliche Anzahl der Stimmen zu ermitteln. Die Stimmen müssen irgendwo gespeichert werden (oder zumindest der aktuelle Durchschnitt) und ob ein Benutzer bereits abgestimmt hat oder nicht, sollte ebenfalls auf dem Server gespeichert werden.

Unter diesem Link finden Sie Informationen über einige der serverseitigen Aufgaben, die erledigt werden müssen: http://www.yvoschaap.com/index.php/weblog/css_star_rater_ajax_version/

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X