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

📅  最后修改于: 2022-05-13 01:55:59.854000             🧑  作者: Mango

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

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

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

  1. 安装:
    1.  # NPM
         $ npm install rateYo
    2. #Bower
         $ bower install rateYo
    

    您还可以使用 Google 托管/Microsoft 托管的内容交付网络 (CDN) 来包含一个 jQuery 版本。

    
    
      
    
    
    
  2. 在 html 页面的 head 部分添加所需的样式表。
     
    
  3. 创建一个 div 作为星级容器。
  4. 在html页面的body部分添加需要的样式表,并链接rateYo插件的javaScript文件来执行各种功能。
    
      
    
    
  5. 调用一个插件,将基本的星级渲染到您创建的 rateYo div 中。
    $("#rateYo").rateYo();
    

    例子

    
    
      
    
        rating
        
    
      
    
        
            
        
                        

    输出