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

 更新时间:2016年12月21日 11:26:24   作者:以茜为贵  
本文主要分享了用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);

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

相关文章

  • jquery实现textarea输入框限制字数的方法

    jquery实现textarea输入框限制字数的方法

    这篇文章主要介绍了jquery实现textarea输入框限制字数的方法,通过keyup事件实时读取textarea输入框的字数来实现这一功能,非常具有实用价值,需要的朋友可以参考下
    2015-01-01
  • jQuery插件slider实现拖动滑块选取价格范围

    jQuery插件slider实现拖动滑块选取价格范围

    jquery滑块(slider)允许用户从一个有限的范围内选择一个数值。当沿着轨道移动滑块控件时,将显示一个表示当前值的提示框,用户可通过设置它的属性来自定义滑块。
    2015-04-04
  • 解决IE9下JQuery发送ajax请求失效的方法

    解决IE9下JQuery发送ajax请求失效的方法

    这篇文章介绍了解决IE9下JQuery发送ajax请求失效的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-06-06
  • jQuery jcrop插件截图使用方法

    jQuery jcrop插件截图使用方法

    项目需要做一个头像截取的功能,类似于QQ头像截取功能。在网上搜了下,最后使用jQuery插件jcrop来截取
    2013-11-11
  • 基于bootstrap3和jquery的分页插件

    基于bootstrap3和jquery的分页插件

    这篇文章主要介绍了基于bootstrap3和jquery的分页插件的相关资料,需要的朋友可以参考下
    2015-07-07
  • jquery实现百叶窗效果

    jquery实现百叶窗效果

    本文主要分享了jquery实现百叶窗效果的示例代码。具有一定的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • jQuery Ajax实现Select多级关联动态绑定数据的实例代码

    jQuery Ajax实现Select多级关联动态绑定数据的实例代码

    这篇文章主要介绍了jQuery Ajax实现Select多级关联动态绑定数据的实例代码,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-10-10
  • jquery操作对象数组元素方法详解

    jquery操作对象数组元素方法详解

    本文介绍了jQuery操作对象数组元素的3种方法以及一种错误方法,这里记录一下,防止下次再犯,有需要的小伙伴也可以参考下。
    2014-11-11
  • jQuery实现的经典滑动门效果

    jQuery实现的经典滑动门效果

    这篇文章主要介绍了jQuery实现的经典滑动门效果,涉及jQuery基于鼠标事件实现页面元素的遍历与样式动态变换的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-09-09
  • 详解jQuery中的getAll()和cleanData()

    详解jQuery中的getAll()和cleanData()

    这篇文章主要介绍了jQuery之getAll()和cleanData()函数的实例代码解析,非常不错,具有一定的参考借鉴价值,需要的朋友参考下吧
    2019-04-04

最新评论