如何实现星星评价(jquery.raty.js插件)


Posted in Javascript onDecember 21, 2016

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);

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
JavaScript面向对象编程
Mar 02 Javascript
FireFox与IE 下js兼容触发click事件的代码
Nov 20 Javascript
利用js的Node遍历找到repeater的一个字段实例介绍
Apr 25 Javascript
用示例说明filter()与find()的用法以及children()与find()的区别分析
Apr 26 Javascript
原生Ajax 和jQuery Ajax的区别示例分析
Dec 17 Javascript
基于jQuery实现拖拽图标到回收站并删除功能
Nov 25 Javascript
jQuery图片渐变特效的简单实现
Jun 25 Javascript
基于JavaScript实现全选、不选和反选效果
Feb 15 Javascript
bootstrap折叠调用collapse()后data-parent不生效的快速解决办法
Feb 23 Javascript
微信小程序自定义弹窗实现详解(可通用)
Jul 04 Javascript
Element Popover 弹出框的使用示例
Jul 26 Javascript
JS typeof fn === 'function' &amp;&amp; fn()详解
Aug 22 Javascript
JS实现仿PS的调色板效果完整实例
Dec 21 #Javascript
js编写三级联动简单案例
Dec 21 #Javascript
jQuery实现立体式数字动态增加(animate方法)
Dec 21 #Javascript
js返回顶部实例分享
Dec 21 #Javascript
JS实现的系统调色板完整实例
Dec 21 #Javascript
基于jPlayer三分屏的制作方法
Dec 21 #Javascript
js实现的简练高效拖拽功能示例
Dec 21 #Javascript
You might like
怎样辨别一杯好咖啡
2021/03/03 新手入门
PHP5中MVC结构学习
2006/10/09 PHP
php win下Socket方式发邮件类
2009/08/21 PHP
javascript+css 网页每次加载不同样式的实现方法
2009/12/27 Javascript
javascript中使用css需要注意的地方小结
2010/09/01 Javascript
extjs tabpanel限制选项卡数量实现思路及代码
2013/04/02 Javascript
javascript匿名函数应用示例介绍
2014/03/07 Javascript
javascript包装对象实例分析
2015/03/27 Javascript
javascript中scrollTop详解
2015/04/13 Javascript
JQuery移动页面开发之屏幕方向改变与滚屏的实现
2015/12/03 Javascript
JavaScript中将数组进行合并的基本方法讲解
2016/03/07 Javascript
JavaScript闭包实例详解
2016/06/03 Javascript
用JavaScript实现让浏览器停止载入页面的方法
2017/01/19 Javascript
node.js 抓取代理ip实例代码
2017/04/30 Javascript
vue.js实现刷新当前页面的方法教程
2017/07/05 Javascript
Vue递归实现树形菜单方法实例
2018/11/06 Javascript
详解iframe跨域的几种常用方法(小结)
2019/04/29 Javascript
一篇文章介绍redux、react-redux、redux-saga总结
2019/05/23 Javascript
实现一个 Vue 吸顶锚点组件方法
2019/07/10 Javascript
python数据结构之二叉树的遍历实例
2014/04/29 Python
Python中计算三角函数之cos()方法的使用简介
2015/05/15 Python
详解Python中的内建函数,可迭代对象,迭代器
2019/04/29 Python
Python数据类型之List列表实例详解
2019/05/08 Python
python UDP(udp)协议发送和接收的实例
2019/07/22 Python
python读取Excel表格文件的方法
2019/09/02 Python
Python 文件操作之读取文件(read),文件指针与写入文件(write),文件打开方式示例
2019/09/29 Python
numpy.array 操作使用简单总结
2019/11/08 Python
Python基础之函数基本用法与进阶详解
2020/01/02 Python
全网最全python库selenium自动化使用详细教程
2021/01/12 Python
微软新西兰官方网站:Microsoft New Zealand
2018/08/17 全球购物
机关门卫的岗位职责
2014/04/29 职场文书
班级口号大全
2014/06/09 职场文书
教师年度个人总结
2015/02/11 职场文书
酒店优秀员工推荐信
2015/03/24 职场文书
2015年办税服务厅工作总结
2015/07/23 职场文书
mysql sql常用语句大全
2022/06/21 MySQL