jQuery投票插件RaterStar顺利毕业

2009-05-29_130143.gif

RaterStar是一年多前,在做三宝殿项目时开发的一个基于jQuery的投票插件,之后也得到了很多网友的关注和建议,让这个插件在一年多的时间内得以不断完善。

实验室上线后,一直就考虑要将ReterStar加入到其中,但因为当初在写这个插件时,对jQuery并不是很熟悉,部分代码写得并不是很好,所以打算将其重写后再发布。

目前RaterStar已从Demo转移到Labs。新版的RaterStar在实现原版功能的基础上,更增加了一些实用的方法和参数,目前已经实现的功能如下:

  • 自定义默认值
  • 可设置是否可以更改默认值
  • 自定义星星个数
  • 自定义星星图片 NEW!
  • 自定义起止值,递增步长
  • 支持AJAX
  • 自定义事件(目前支持点击后、AJAX请求之前,AJAX请求成功三种情况的事件触发)NEW!
  • 自定义AJAX请求方式(POST/GET) NEW!
  • 自定义鼠标悬停Title NEW!

更多的功能将在以后逐步完善,也欢迎大家给建议。

在线演示

相关文章

25 Responses to “jQuery投票插件RaterStar顺利毕业”

  1. yuer 说:

    点击后关键是如何不让再点了。
    请问如何实现呢?

  2. xiao 说:

    能否加上显示平均分值呢?

  3. sam 说:

    有能实现半颗星的功能吗???

  4. sam 说:

    不好意思 还想问下。 当设置了默认值不可修改 如 Demo3 的时候, 我想问的是当设置了默认值的时候是否可以添加一个值可以设置提示信息的 比如当 鼠标停在上面的时候 就可以看到当前提示信息 比如 3.5分 之类的 而不是像现在什么都没有。

  5. 蓝色的风之精灵 说:

    Demo10:点击后不可更改
    当步进0.5时是错误的

  6. 蓝色的风之精灵 说:

    解决了,将:
    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);
    }

  7. pango 说:

    不能指定title了,默认用value做了title。

  8. 其宾 说:

    这个插件挺不错的,正在研究。请问下,自定义图片的大小有什么规则吗?好像指定了几个,不太管用,比如:15X15 9X9等,图片也对应的是那个大小,可是显示的却是乱图。希望能给出一个使用程序!

    • RayChou 说:

      参照demo9

    • 其宾 说:

      分享一下,问题找到!当图片太小(如:15PX)时,图片就是乱,将CSS的字体设到最小(如:0)时问题就可以解决!奇怪,这居然和CSS的字体大小也有关系?刚才试了下,当小于15以下就开始有偏差,可能是字体大小的原因!

  9. 其宾 说:

    这个JS功能很好用,期望RAYCHOU的新作早日出来,支持TITLE自定义!^_^

  10. 什么是 说:

    感谢博主的分享,非常喜欢这个插件!您太厉害了!

  11. sss 说:

    css定位有问题
    如果有滚动条的话,根本就不会跟着滚动条跑

  12. 关注 说:

    自定义title很不错,是我却不知道怎么取回这个值,只能 取到数字,望楼主能指点指点!
    谢谢了!!!!

  13. 关注 说:

    刚刚用个笨方法获取 到了,那就不麻烦楼主了!

  14. 关注 说:

    看到你的更新,觉得我的实现也都与你差不多,呵呵

    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);

  15. 关注 说:

    改了下,这样应该简洁点。
    var text = {1:’太差劲’,2:’不咋地’,3:’满 意’,4:’很不错’,5:’太棒了’};
    var options = {
    max : 5,
    title_format : function(val) {
    var title = text[val];
    return title;
    }
    }

  16. KLC 说:

    星星下面能显示一些文字说明吗?例如总评分、参与用户数……

  17. Open-Lib 说:

    你好,博主.
    该插件已被收录,感谢你共享你的插件.

    插件地址为:http://www.open-lib.com/Lib/959.jsp

Leave a Reply