主页 / 网络编程 /

如何实现星星评价（jquery.raty.js插件）

网络编程 2021-07-04 19:19www.168986.cn编程入门
本文主要分享了用jQuery插件jquery.raty.js实现星星评价功能后台传数据，前台显示星星个数的具体方法。有很好的参考价值，需要的朋友一起来看下吧

1、引入jquery.js文件

2、引入jquery.raty.js

3、页面中放在这个<span class="readOnly" data-path="images" ><i>4.5</i></span>

4、js

function star(obj,num){
 $(obj).raty({
 path: function() {
  return this.getAttribute('data-path');//路径
  },
 readOnly: true,
 score: num //(starr)这个4.5就是星星右边的数值
 });
};
var ac = $('.starr').find('i').text();
star('.readOnly',ac);

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望多多支持狼蚁SEO！

上一篇：jquery实现输入框实时输入触发事件代码 下一篇：JS实现仿PS的调色板效果完整实例

编程语言

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by