如何实现星星评价(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 相关文章推荐
jquery ui 1.7 ui.tabs 动态添加与关闭(按钮关闭+双击关闭)
Apr 01 Javascript
基于javascript、ajax、memcache和PHP实现的简易在线聊天室
Feb 03 Javascript
用JavaScript实现对话框的教程
Jun 04 Javascript
JavaScript prototype属性详解
Oct 25 Javascript
angular2倒计时组件使用详解
Jan 12 Javascript
React快速入门教程
Jan 17 Javascript
微信小程序实现顶部下拉菜单栏
Nov 04 Javascript
kafka调试中遇到Connection to node -1 could not be established. Broker may not be available.
Sep 17 Javascript
layui的布局和表格的渲染以及动态生成表格的方法
Sep 18 Javascript
使用zrender.js绘制体温单效果
Oct 31 Javascript
vue添加锚点,实现滚动页面时锚点添加相应的class操作
Aug 10 Javascript
Javascript实现打鼓效果
Jan 29 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
PHP控制网页过期时间的代码
2008/09/28 PHP
php获取当前网址url并替换参数或网址的方法
2010/06/06 PHP
Erlang的运算符(比较运算符,数值运算符,移位运算符,逻辑运算符)
2012/07/23 PHP
教你如何使用php session
2013/10/28 PHP
Laravel Eloquent ORM 多条件查询的例子
2019/10/10 PHP
来自chinaz的ajax获取评论代码
2008/05/03 Javascript
js 用CreateElement动态创建标签示例
2013/11/20 Javascript
利用JS判断用户是否上网(连接网络)
2013/12/23 Javascript
在JavaScript中处理数组之reverse()方法的使用
2015/06/09 Javascript
JavaScript数组去重的两种方法推荐
2016/04/05 Javascript
jQuery的图片轮播插件PgwSlideshow使用详解
2016/08/11 Javascript
基于JavaScript实现的希尔排序算法分析
2017/04/14 Javascript
webpack-dev-server远程访问配置方法
2018/02/22 Javascript
angular学习之动态创建表单的方法
2018/12/07 Javascript
vue+echarts实现可拖动节点的折线图(支持拖动方向和上下限的设置)
2019/04/12 Javascript
VuePress 中如何增加用户登录功能
2019/11/29 Javascript
js实现贪吃蛇游戏 canvas绘制地图
2020/09/09 Javascript
Scrapy爬虫实例讲解_校花网
2017/10/23 Python
python利用标准库如何获取本地IP示例详解
2017/11/01 Python
python对日志进行处理的实例代码
2018/10/06 Python
对python文件读写的缓冲行为详解
2019/02/13 Python
利用python-pypcap抓取带VLAN标签的数据包方法
2019/07/23 Python
Django 再谈一谈json序列化
2020/03/16 Python
HTML5拖放API实现拖放排序的实例代码
2017/05/11 HTML / CSS
某公司的.net工程师面试题笔试题
2013/11/22 面试题
Java的类与C++的类有什么不同
2014/01/18 面试题
大三在校生电子商务求职信
2013/10/29 职场文书
教你打造完美的创业计划书
2014/01/06 职场文书
市场营销工作计划书
2014/05/06 职场文书
区域经理岗位职责
2015/02/02 职场文书
小学教师自我评价
2015/03/04 职场文书
年底个人总结范文
2015/03/10 职场文书
烈士陵园扫墓感想
2015/08/07 职场文书
PHP基本语法
2021/03/31 PHP
Golang 如何实现函数的任意类型传参
2021/04/29 Golang
java设计模式--原型模式详解
2021/07/21 Java/Android