7个最好的jQuery和JavaScript星级评分插件

本文概述

• 7. Rater.js
• 6. RateIt
• 5. Starr
• 4. Star Rating SVG
• 3. jQuery Bar
• 2. RateYo
• 1. Bootstrap Star Rating

许多人喜欢看到有关产品, 物品或其他类型合格物品的资格或等级。如果你的应用程序需要这样的组件, 你可能想以为它的实现可能是复杂而棘手的, 但是你可能想知道已经有很多开发人员开源了此类组件, 并且你可以轻松地将它们嵌入到自己的项目中, 并且很快。

在此顶部, 我们将与你分享7个最佳插件, 它们将在几分钟之内帮助你创建此类组件, 请尽情享受！

7. Rater.js

Github

Rater.js是一个高度可定制的评级小部件, 它支持图像, utf8字形和其他html元素。可以通过设置中的符号对象添加自定义符号。 UTF8, UTF32以及基本上任何图像或HTML元素都可以使用。

6. RateIt

Github

jQuery的评级插件是一种快速, 渐进的增强功能, 触摸支持, 图标字体支持, 高度可定制的, 不引人注目的JavaScript(使用HTML5 data- *属性), RTL支持, 支持任意数量的星星以及任何步骤尺寸。

5. Starr

Github

Starr是一个非常简单的库, 用于实现评分组件。还有其他库, 但是没有一个库可以达到开发者所希望的级别的清晰度和简洁性。 Starrr少于75行代码, 因此你可以在一分钟内了解其源代码的全部。该插件需要Bootstrap和超棒的字体才能渲染星星, 但是我们非常欢迎你使用其他东西。

4. Star Rating SVG

Github

Star Rating SVN允许你实施使用SVG的组件, 以便于自定义。它具有以下特点：

• 不使用外部图片
• 自定义尺寸
• 自定义颜色
• 使用半颗或全颗星
• 选择要显示的星数
• 定义选定星星的渐变颜色
• 指定边框/描边的厚度和颜色
• 通过选项或标记数据属性指定初始评级
• 评级后执行回调(例如, 通知服务器)
• onHover和onLeave事件
• 锁定/只读模式
• 卸载选项
• 更改星形(圆形或直形)
• 调整星星大小

3. jQuery Bar

Github

jQuery Bar Rating Plugin通过将标准选择字段转换为评级小部件来工作。评级小部件可以使用CSS灵活设置样式。该插件具有与流行库兼容的几种星级评分, 可用于显示分数星级。

2. RateYo

Github

RateYo！是一个小巧而灵活的jQuery星级评分插件, 它使用SVG渲染评分, 因此不需要图像。只需创建一个div元素, 添加一些样式, 初始化即可。现在, 你已经可以在应用程序中使用很棒的评分组件。

1. Bootstrap Star Rating

Github

Bootstrap Star Rating是一个用于Bootstrap的简单但功能强大的JQuery star rating插件, 它支持高级功能, 例如分数星填充和RTL输入支持。着重开发纯CSS-3样式来呈现控件。该插件默认使用Bootstrap标记和样式, 但是可以用任何其他CSS标记覆盖。

如果你知道另一个很棒的jQuery插件来实现评级组件, 请在评论框中与社区共享。