当前位置: 首页 > 编程笔记 >

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

司徒俊良
2023-03-14
本文向大家介绍如何实现星星评价(jquery.raty.js插件),包括了如何实现星星评价(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);

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

 类似资料:
  • 本文向大家介绍vue实现评价星星功能,包括了vue实现评价星星功能的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了vue实现评价星星的具体代码,供大家参考,具体内容如下 代码: 关于vue.js组件的教程,请大家点击专题vue.js组件学习教程进行学习。 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍JavaScript实现星星等级评价功能,包括了JavaScript实现星星等级评价功能的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了js星星等级评价的具体代码,供大家参考,具体内容如下 效果图: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍iOS评分(评价)星星图打分功能,包括了iOS评分(评价)星星图打分功能的使用技巧和注意事项,需要的朋友参考一下  下载地址:https://github.com/littleSunZheng/StarGradeView 起因:项目中往往涉及到用户的评分反馈,在我的“E中医”项目中,涉及到几处。对此我参考了美团和滴滴的评分图。 评分视图分为展示和评分两种: (1)多数情况下“评分功能

  • 本文向大家介绍微信小程序实现星级评价效果,包括了微信小程序实现星级评价效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了微信小程序实现星级评价效果的具体代码,供大家参考,具体内容如下 效果预览: wxml代码部分: wxss代码部分: app.sysInfo()封装在了app.js 文件全局使用下面是代码部分 js代码部分: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望

  • 本文向大家介绍js实现的星星评分功能函数,包括了js实现的星星评分功能函数的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js实现的星星评分功能函数。分享给大家供大家参考,具体如下: 希望本文所述对大家JavaScript程序设计有所帮助。

  • 本文向大家介绍js实现商城星星评分的效果,包括了js实现商城星星评分的效果的使用技巧和注意事项,需要的朋友参考一下 在这里和朋友们分享一个使用js实现商城星星评分的效果,希望能给大家点帮助,当然更好的特效还有待大家完善。 html如下: css样式: 最后js调用如下: 以上就是本文的全部内容,希望对大家的学习jquery程序设计有所帮助。