jQuery星级评分插件

所属分类:输入-投票率

 280974  669  查看评论 (112)
分享到微信朋友圈
X
jQuery星级评分插件 ie兼容6

jQuery Raty这是一个星级评分插件。可以自定义图标,创建各种评级组合,星星数量,每一颗星星的注释,可以在当一个星星被点击时的加回调函数。

使用方法

你只需要拥有一个的div来构建Raty。

<div></div>
$('div').raty();

得分

使用时我们要开始使用已保存的评级。下例显示当前为3星

$('div').raty({ score: 3 });

得分回调

如果你需要启动你的分数取决于一个动态值,你可以使用回调。

你可以传递任何值,因为他们,不一定是数据值。你可以使用一个字段的值,例如。

<div id="star" data-score="1"></div>
$('#star').raty({
  score: function() {
    return $(this).attr('data-score');
  }
});

分数名称

更改隐藏的名称得分

$('div').raty({ scoreName: 'entity[score]' });

数量

改变星星数量。

$('#star').raty({ number: 10 });

数字回调

您可以收到多少分动态使用回调来设置它

<div id="star" data-number="3"></div>
$('#star').raty({
  number: function() {
    return $(this).attr('data-number');
  }
});

只读

您可以阻止用户投票。

$('#star').raty({ readOnly: true, score: 3 });

只读回调

你可以决定是否进行评分只读动态回归真实的虚假的回调。

相关插件-投票率

jQuery五角星评分

鼠标移上去能显示评分,代码简单13行搞定。
  投票率
 32626  303

jquery评分插件jquery.raty.js

一款功能强大的jquery评分插件jquery.raty
  投票率
 79940  378

jquery打分评星级效果

jquery打分评星级效果
  投票率
 33706  386

jQuery实现淘宝打星评价

jQuery实现淘宝打星评价直接引用即可
  投票率
 38032  347

讨论这个项目(112)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    丫头 0
    2020/6/12 11:42:23
    刚加载的时候星星是变形的,怎么解决呢?高度和宽度已经设置了
        一叶大师1
        2020/10/21 19:01:07
        $.fn.raty.defaults.width = '500px';
    回复
    sunshine 0
    2019/10/8 17:33:00
    太优秀了,感谢博主分享,很好用 回复
    RudeCrab 0
    2019/9/14 11:41:22
    请问除了图片外,支持样式字体吗?比如font awesome 回复
    0
    2019/8/2 14:58:55
    隐藏的输出分数的input,怎么更改它的name属性和value值
    回复
    Jencarlos彡青春 0
    2019/7/30 17:25:53
    Jencarlos彡青春 0
    2019/7/30 17:25:15
    手机端为什么点击星星后面的div颜色变了 回复
    糊涂、明白 0
    2019/7/26 14:02:53
    为什么图片不出来啊
        西瓜0
        2019/7/26 14:08:19
        说明,图片路径有问题。请检查
        handsomexiaodong0
        2019/10/12 19:20:55
        请问你的图片路径解决了吗
    回复
    许冬阳 0
    2019/7/2 14:03:09
    怎么能设置10颗星里面只能评价选1,3,5,7,10这些,其他的没法选 回复
    醉生梦死 0
    2019/5/13 10:40:46
    我把星星的值返回去了,但是样式怎么回显啊,有遇到的没有,帮忙解决一下,提供一下思路
        醉生梦死0
        2019/5/13 10:47:26
        已解决
        颓废式?流年0
        2019/5/24 10:49:55
        请问你这个问题是怎么解决的,能告诉我一下思路吗?谢谢
        许冬阳0
        2019/7/2 14:04:27
        请问怎么能设置10颗星里面只能评价选1颗,3颗,5颗,7颗,10颗这些,其他的没法选?谢谢
    回复
    醉生梦死 0
    2019/5/10 17:04:04
    这个旁边怎么加数字 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复