jQuery Raty星级插件

收藏

本文演示了jQuery Raty多种调用方法，比如设置星星只读状态、没有星星时的消息提示、更改星星图片名称、点击路径、设置星星图片路径、设置取消按钮、星星尺寸和目标传参地址等。

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线 充值

查看演示

加我微信，拉你进VIP群学习：

下载资源 下载积分： 30 积分

HTML

<div id="star"></div>

演示一：默认效果

$('#star').raty();

演示二：初始化星星分数

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

演示三：分数回调

<div id="star" data-score="1"></div>

$('#star').raty({
  score: function() {
    return $(this).attr('data-score');
  }
});

演示四：设置星星数量

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

演示五：设置星星最多数量

$('#numberMax-demo').raty({
  numberMax: 5,
  number   : 500
});

演示六：更改分数名称字段

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

演示七：星星数量回调

$('#star').raty({
  number: function() {
    return $(this).attr('data-number');
  }
});

演示八：设置带有半颗星星

$('#star').raty({ score: 3.26 });

演示九：半颗星

$('#star').raty({ half: true });

其余方法请看星级插件演示部分

jQuery Raty中文API