javascript - jQuery 五星级显示率

Question

我正在做一个项目来显示某个字段的费率，我已经从服务器上获得了这个字段的费率，比如"60%"或"50%"等等......

我不知道是否有任何 jQuery 插件可以帮助仅显示速率而无需单击功能，

就像是

var rate = "60%";
jQuery.setRate(rate); // or something like this

任何帮助将不胜感激

Answer 1

我个人认为你不需要一个插件来做到这一点，你可以根据你从 db 获得的速率显示不同的图像。

首先，删除非数字字符，只是为了获取整数（数字）值。之后，您只需为不同的起始图像创建规则（？）

var sImageUrl="";

if (rate >0 && rate =<10) sImageUrl="/[yourUrl]/imageStars_1.jpg";
if (rate >10 && rate =<20) sImageUrl="/[yourUrl]/imageStars_2.jpg";
...

好吧，如果您考虑不添加插件，如果您只想显示结果，也许您甚至可以不在客户端站点上执行此操作并在服务器端“处理”此图像选择（作为其他选项）...

Answer 2

如果你需要一些可以点击的东西，那么 raty 插件真的很棒，即使没有格式良好的数据也能很好地工作（这意味着它需要 4.7 并将其四舍五入到 5 星等）：raty。