Содержание
Многим людям нравится видеть квалификацию или рейтинг о продуктах, статьях или других видах подходящих вещей. Если вашему приложению требуется такой компонент, вы можете подумать, что его реализация может быть сложной и хитрой, однако вы можете знать, что уже есть много разработчиков, которые открывают исходный код такого компонента и что вы можете легко встраивать их в свой собственный проект и быстро.
В этом топе мы поделимся с вами 7 лучшими плагинами, которые помогут вам создать такой компонент за пару минут, наслаждайтесь!
7. Rater.js
Rater.js — это настраиваемый виджет рейтинга, который поддерживает изображения, символы utf8 и другие HTML-элементы. Пользовательские символы могут быть добавлены через объект символа в настройках. UTF8, UTF32 и в основном любое изображение или элемент HTML должны работать.
6. RateIt
Рейтинговый плагин для jQuery — это быстрое прогрессивное улучшение, сенсорная поддержка, поддержка значков и шрифтов, настраиваемый, ненавязчивый JavaScript (с использованием атрибутов data- * HTML5), поддержка RTL, поддержка любого количества звездочек, а также любого шага. размер.
5. Starr
Starr — очень простая библиотека для реализации компонента рейтинга. Существуют и другие библиотеки, но ни одна из них не приближается к уровню ясности и лаконичности, с которым девелопер жаждет. Starrr содержит менее 75 строк кода, поэтому вы можете понять весь его исходный код примерно за минуту. Плагину требуется Bootstrap и шрифт для отображения звезд, но вы можете использовать что-то еще.
4. Звездный рейтинг SVG
Звездный рейтинг SVN позволяет реализовать такой компонент, который использует SVG для упрощения настройки. Особенности:
- Не использует внешние изображения
- Настроить размер
- Настроить цвета
- Используйте половину или полные звезды
- Выберите количество звезд для отображения
- Определить цвет градиента выбранных звезд
- Укажите границу / толщину обводки и цвет
- Укажите начальный рейтинг через параметры или атрибут данных разметки
- Выполнить обратный вызов после оценки (например, чтобы уведомить сервер)
- События onHover и onLeave
- Режим блокировки / только для чтения
- Опция выгрузки
- Изменить форму звезды (округлая или прямая)
- Изменить размер звезд
3. JQuery Bar
Плагин jQuery Bar Rating работает путем преобразования стандартного поля выбора в виджет рейтинга. Виджет рейтинга может быть гибко стилизован с помощью CSS. Плагин поставляется с несколькими разновидностями рейтингов звезд, совместимых с популярными библиотеками, и может использоваться для отображения дробных рейтингов звезд.
2. RateYo
RateYo! это крошечный и гибкий плагин для оценки рейтинга jQuery, он использует SVG для отображения рейтинга, поэтому изображения не требуются. Просто создайте элемент div, добавьте несколько стилей, инициализируйте и все! Теперь у вас есть потрясающий рейтинг, готовый к использованию в вашем приложении.
1. Bootstrap Звездный рейтинг
Bootstrap Star Rating — простой, но мощный плагин JQuery для оценки рейтинга для Bootstrap, который поддерживает расширенные функции, такие как дробное заполнение звезд и поддержка ввода RTL. Разработан с акцентом на использование чистого стиля CSS-3 для визуализации элемента управления. Плагин по умолчанию использует разметку и стиль Bootstrap, но его можно переопределить любой другой разметкой CSS.
Если вам известен еще один замечательный плагин jQuery для реализации компонента рейтинга, поделитесь им с сообществом в поле для комментариев.