jQuery |如何使用 RateYo 实现星级评分系统 - 芒果文档

📌 相关文章

📜 jQuery |如何使用 RateYo 实现星级评分系统

📅 最后修改于: 2021-11-25 03:10:30 🧑 作者: Mango

rateYo :- rateYo 是一个 jQuery 插件，用于创建一个星级小部件，允许在鼠标悬停时填充基于 SVG（可缩放矢量图形）的星级的未评级部分的背景颜色。它是完全可定制和可扩展的，以满足任何设计需求。

使用 RateYo 实现 Star-Rating 系统的步骤：

安装：
```
1.  # NPM
     $ npm install rateYo
2. #Bower
     $ bower install rateYo
```
您还可以使用 Google 托管/Microsoft 托管的内容交付网络 (CDN) 来包含一个 jQuery 版本。
```
  
```
在 html 页面的 head 部分添加所需的样式表。
```
 
```
创建一个 div 作为星级容器。
在html页面的body部分添加需要的样式表，并链接rateYo插件的javaScript文件来执行各种功能。
```
  
```

调用一个插件，将基本的星级渲染到您创建的 rateYo div 中。

$("#rateYo").rateYo();

例子



  

    rating

输出