jQuery 星级评定

Question

已关闭。这个问题是 off-topic 。目前不接受答案。

---

想要改进这个问题吗？ Update the question所以它是on-topic用于堆栈溢出。

已关闭10 年前。

Improve this question

任何人都可以建议一个易于设置的简单 JQuery 五星级评级脚本吗？我只需要单个页面上的单个实例。我不在乎它是否写入文件或 mysql 数据库来计算评分平均值。

它应该显示投票数和计算出的平均值。它还应该检查该人是否已经评分，或者一次不允许超过 2 个评分。应该有 cookie 或 session 来防止多重评级或其他一些机制。

我不在乎它是免费还是收费，但许可应该允许我在商业应用程序中使用它。

感谢所有建议!谢谢!

附注我花了几天时间在网上尝试不同的脚本，但没有找到任何真正完整的脚本。

Answer 1

我已经packaged a star rating plugin对于 meteor ，所以我评估了列出的所有 11 个 jQuery 评级插件 here ，到目前为止，获胜者是 RateIt .

Fast, Progressive enhancement, touch support, customizable (just swap out the images, or change some CSS), Unobtrusive JavaScript (using HTML5 data-* attributes), RTL support, supports as many stars as you'd like, and also any step size.

Minified size: 4.35KB (1.55KB when gzipped).

Tested on: IE6-10, Chrome 7-22, Firefox 3.6-16, Opera 10.63-12 - using jQuery 1.6.2 - 1.8.2. Touch support test on iPad iOS 4.2.1-5

RateIt 可以选择使用 HTML5 range input element - 非常适合此目的。没有跛子<li>元素或单选按钮。

其他显然是次要的解决方案:

Star Rating, the first answer

• 78 open issues
• 在 Google 代码上，而不是在 GitHub 上，这意味着几乎没有拉取请求
• 7 个月前的最新更新

Raty, the second answer

• 开发有点慢，请检查“问题”选项卡)
• 没有提及浏览器兼容性或触摸支持
• 有测试套件

https://github.com/ripter/jquery.rating

• 仅 22 次提交
• 没有触摸支持、浏览器兼容性列表或任何内容
• 比率显然更好

无论如何，这些都没有提到浏览器兼容性或触摸支持。 RateIt 确实如此，而且它还清楚地解释了为什么它比其他的更好且不同:

Why is RateIt different

Although it does the same job as the rest of the jQuery star rating plugins, the main difference is its simplicity. Most plugins create an element for each (partial) star, be it a div with a star background, or an img tag. Each of these tags gets a hover event, and a click event. And on these hover/click events it has to go and talk to the other stars, telling them to change their state.

So each star plugin does a lot of DOM alterations (adding the number of stars as elements), and adds lots of events (again the number of stars times 2).

RateIt uses basically three divs.

哦，最后一次更新是什么？ 昨天。