• js插件---评分插件Rating如何使用


    js插件---评分插件Rating如何使用

    一、总结

    一句话总结:form下的input和a标签,input记录值,a标签显示样式

    12 <form data-am-rating>
    13   <input type="hidden" name="score">
    14   <a class="am-padding-lg" data-am-icons="heart-o,heart" data-am-score="2" role="button">
    15     <i class="am-icon-heart"></i>
    16     <i class="am-icon-heart"></i>
    17     <i class="am-icon-heart-o"></i>
    18     <i class="am-icon-heart-o"></i>
    19     <i class="am-icon-heart-o"></i>
    20  </a>
    21 </form>

    1、Rating选好评分后评分的值在哪?

    在input上,把一个个小星星设置为button后,选星级的时候自动传值过去了,所以可以用ajax

    二、评分插件Rating如何使用

    1、截图

     

    2、代码

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>Document</title>
     6     <link rel="stylesheet" href="../css/amazeui.min.css">
     7     <script src="../js/jquery.min.js"></script>
     8     <script src="../js/amazeui.min.js"></script>
     9     <script src="amazeui-rating-master/dist/amazeui.rating.min.js"></script>
    10 </head>
    11 <body>
    12 <form data-am-rating>
    13   <input type="hidden" name="score">
    14   <a class="am-padding-lg" data-am-icons="heart-o,heart" data-am-score="2" role="button">
    15     <i class="am-icon-heart"></i>
    16     <i class="am-icon-heart"></i>
    17     <i class="am-icon-heart-o"></i>
    18     <i class="am-icon-heart-o"></i>
    19     <i class="am-icon-heart-o"></i>
    20  </a>
    21 </form>
    22 </body>
    23 </html>
     
  • 相关阅读:
    php 高并发
    mysql 基础明细
    关于高并发和秒杀系统,你知道的和不知道的一些事
    carbon
    自定义tarbar
    学习小参考
    lnmp1.4,400,500,错误
    PHPSTORM+Thinkphp3.2模板标签替换Thinkphp5.1公式
    Thinkphp5.1手册太简单,有的功能用起来不确定结果是否和预料的一样,顾整理记录
    CentOS7 最小化安装vmware-tools
  • 原文地址:https://www.cnblogs.com/Renyi-Fan/p/9581823.html
Copyright © 2020-2023  润新知