Звездный рейтинг JQuery

Может ли кто-нибудь предложить простой пятизвездный рейтинг JQuery script, который легко настроить. Мне просто нужен один экземпляр на одной странице. Мне все равно, записывает ли он файл или базу данных mysql для вычисления среднего значения.

Он должен отображать количество голосов и рассчитанное среднее значение. Он также должен проверить, было ли лицо уже оценено или не должно допускать более 2 оценок за раз. Должны быть файлы cookie или сеансы, чтобы предотвратить множественные рейтинги или какой-либо другой механизм.

Мне все равно, если его бесплатные или дорогие деньги, но лицензирование должно позволить мне использовать его в коммерческих приложениях.

Цените все предложения! Спасибо!

P.S. Я потратил пару дней на то, чтобы попробовать разные сценарии в Интернете, но не нашел ничего, что было на самом деле завершено.

Ответ 1

Это выглядит красиво:
http://www.fyneworks.com/jquery/star-rating/

Но вам нужно больше бэкэнд, чтобы люди не могли голосовать дважды и получать среднее количество голосов. Голоса должны храниться где-нибудь (или на уровне текущего текущего времени), и независимо от того, проголосовал ли пользователь уже должен быть сохранен на сервере тоже.

Эта ссылка может рассказать вам о некоторых материалах на стороне сервера, которые необходимо выполнить: http://www.yvoschaap.com/index.php/weblog/css_star_rater_ajax_version/

Ответ 2

Я упаковал плагин рейтинга звезд для meteor, поэтому я оценил все 11 плагинов рейтинга jQuery, перечисленных здесь, и победитель, безусловно, RateIt.

Быстрое, прогрессивное улучшение, сенсорная поддержка, настраиваемые (просто поменяйте изображения или измените CSS), ненавязчивый JavaScript (используя атрибуты данных HTML5), поддержку RTL, поддерживает столько звезд, сколько захотите, и также любой размер шага.

Минимальный размер: 4.35 КБ (1,55 КБ при gzipped).

Протестировано: IE6-10, Chrome 7-22, Firefox 3.6-16, Opera 10.63-12 - с использованием jQuery 1.6.2 - 1.8.2. Тест сенсорной поддержки на iPad iOS 4.2.1-5

RateIt может опционально использовать элемент ввода диапазона HTML5 - идеально подходит для этой цели. Элементы или переключатели lame <li>.

Остальные - явно меньшие решения:

Звездный рейтинг, первый ответ

78 открытых проблем
в Google Code, а не в GitHub, что означает, что запросы на отсутствие запросов не будут выполняться
последнее обновление 7 месяцев назад

Raty, второй ответ

несколько медленная разработка проверяет вкладку проблем)
не упоминается о совместимости браузера или о поддержке прикосновений.
имеет набор тестов

https://github.com/ripter/jquery.rating

только 22 фиксации
поддержка без касания, список совместимости браузера или что-либо.
raty явно лучше

В любом случае, ни одно из этих упоминаний не поддерживает совместимость с браузером или сенсорную поддержку. RateIt делает, и он также четко объясняет, почему он лучше и отличается от других:

Почему RateIt отличается

Хотя он выполняет ту же работу, что и остальные плагины рейтинга звезд jQuery, основное отличие заключается в простоте. Большинство плагинов создают элемент для каждой (частичной) звезды, будь то div со звездообразным фоном или тегом img. Каждый из этих тегов получает событие hover и событие click. И на этих событиях наведения/щелчка он должен пойти и поговорить с другими звездами, сказав им изменить свое состояние.

Таким образом, каждый звездный плагин выполняет множество изменений DOM (добавляя количество звезд в качестве элементов) и добавляет много событий (опять же число звезд раз 2).

RateIt использует в основном три div.

О, и последнее обновление? Вчера.