jQuery Raty星级插件

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

参数	描述	默认值
jQuery Raty参数
cancel	是否创建取消按钮	false
cancelClass	取消按钮样式	raty-cancel
cancelHint	取消按钮提示	Cancel this rating!
hints	每颗星星的提示 ['bad', 'poor', 'regular', 'good', 'gorgeous']	-
click	点击事件	-
mouseout	鼠标离开	-
mouseove	鼠标悬浮	-
half	半颗星	false
number	星星数量	5
numberMax	最大数量	-
path	星星图片存放文件位置	-
precision	是否精确到小数	false
readOnly	是否只读	false
round	分数小数范围决定星星半颗或满星{ down: .25, full: .6, up: .76 }	-
score	初始化星星分数	-
space	每颗星星间距	true
starHalf	默认状态下星星图片	star-half.png
starOff	鼠标悬浮星星图片	star-off.png
starOn	鼠标离开星星图片	star-on.png
target	传参到目标地址	-
jQuery Raty回调方法
$('div').raty('score');	获得当前分数	-
$('div').raty('score', number);	设置分数	-
$('div').raty('click', number);	点击星星	-
$('div').raty('readOnly', boolean);	改变星星只读状态	-
$('div').raty('cancel', boolean);	是否显示取消按钮	-
$('div').raty('reload');	重置星星状态	-
$('div').raty('set', { option: value });	重新设置	-
$('div').raty('destroy');	销毁绑定事件	-
$('div').raty('move', number);	移动位置	-