![]()
RaterStar是一年多前,在做三宝殿项目时开发的一个基于jQuery的投票插件,之后也得到了很多网友的关注和建议,让这个插件在一年多的时间内得以不断完善。
在实验室上线后,一直就考虑要将ReterStar加入到其中,但因为当初在写这个插件时,对jQuery并不是很熟悉,部分代码写得并不是很好,所以打算将其重写后再发布。
目前RaterStar已从Demo转移到Labs。新版的RaterStar在实现原版功能的基础上,更增加了一些实用的方法和参数,目前已经实现的功能如下:
- 自定义默认值
- 可设置是否可以更改默认值
- 自定义星星个数
- 自定义星星图片 NEW!
- 自定义起止值,递增步长
- 支持AJAX
- 自定义事件(目前支持点击后、AJAX请求之前,AJAX请求成功三种情况的事件触发)NEW!
- 自定义AJAX请求方式(POST/GET) NEW!
- 自定义鼠标悬停Title NEW!
更多的功能将在以后逐步完善,也欢迎大家给建议。

点击后关键是如何不让再点了。
请问如何实现呢?
能否加上显示平均分值呢?
完全是两码事
有能实现半颗星的功能吗???
一语惊醒梦中人,突然发现之前步长的实现方式是错误的,步长0.5,应该是显示半颗星星,这样逻辑上才正确。
请参照Demo7 http://www.raychou.com/labs/rater-star/#demo7
不好意思 还想问下。 当设置了默认值不可修改 如 Demo3 的时候, 我想问的是当设置了默认值的时候是否可以添加一个值可以设置提示信息的 比如当 鼠标停在上面的时候 就可以看到当前提示信息 比如 3.5分 之类的 而不是像现在什么都没有。
这个功能已有计划在后续版本中提供
Demo10:点击后不可更改
当步进0.5时是错误的
解决了,将:
if (settings.value) {
item.css(‘width’ , ((settings.value-settings.min)/settings.step+1)*settings.width);
}
改为:
if (settings.value) {
item.css(‘width’ , ((settings.value-settings.min)/settings.step+1)*settings.step*settings.width);
}
感谢,已经更新了
不能指定title了,默认用value做了title。
自定义title会在近期补上这个功能
这个插件挺不错的,正在研究。请问下,自定义图片的大小有什么规则吗?好像指定了几个,不太管用,比如:15X15 9X9等,图片也对应的是那个大小,可是显示的却是乱图。希望能给出一个使用程序!
参照demo9
分享一下,问题找到!当图片太小(如:15PX)时,图片就是乱,将CSS的字体设到最小(如:0)时问题就可以解决!奇怪,这居然和CSS的字体大小也有关系?刚才试了下,当小于15以下就开始有偏差,可能是字体大小的原因!
这个JS功能很好用,期望RAYCHOU的新作早日出来,支持TITLE自定义!^_^
感谢博主的分享,非常喜欢这个插件!您太厉害了!
css定位有问题
如果有滚动条的话,根本就不会跟着滚动条跑
请告知使用的浏览器版本,Demo中是有滚动条,很正常
自定义title很不错,是我却不知道怎么取回这个值,只能 取到数字,望楼主能指点指点!
谢谢了!!!!
刚刚用个笨方法获取 到了,那就不麻烦楼主了!
看到你的更新,觉得我的实现也都与你差不多,呵呵
var text = { title:{1:’太差劲’,2:’不咋地’,3:’满 意’,4:’很不错’,5:’太棒了’} };
var options = {
max : 10,
title_format : function(val) {
var title = text['title'][val];
return title;
}
}
$(‘#demo11′).rater(options);
改了下,这样应该简洁点。
var text = {1:’太差劲’,2:’不咋地’,3:’满 意’,4:’很不错’,5:’太棒了’};
var options = {
max : 5,
title_format : function(val) {
var title = text[val];
return title;
}
}
星星下面能显示一些文字说明吗?例如总评分、参与用户数……
你好,博主.
该插件已被收录,感谢你共享你的插件.
插件地址为:http://www.open-lib.com/Lib/959.jsp