rateit插件没有显示所有5星

时间:2014-03-20 08:41:04

标签: jquery-plugins

我一直在使用优秀的jQuery RateIt插件(https://rateit.codeplex.com)来获取我网站上的某些功能。

您可以在下面的plunkr中查看问题:
http://plnkr.co/edit/P4vHp1qP1HSiLfOkk69E?p=preview

我遇到的问题是,当大明星显得很好时,小家伙会跳过其他明星。

我已经稍微调整了 CSS(rateit.mine.css),因为我有一个单独的精灵文件。我99%肯定这是做错了而不是插件,但我只是看不出做错了什么:(< / p>

非常感谢任何人提供的见解。

的问候,
弗朗兹。

1 个答案:

答案 0 :(得分:1)

在我需要统治之前,我很傻并打破了对性能的思考。

我将大星小精灵合并到一个PNG文件中,因此只有一个精灵请求。通常这没关系,但是......

小星的宽度为16px,但由于大星的宽度为32px,所以小星星的左边有16px的空白。

所以缺少的第2和第4颗星实际上是PNG中的空白。

ooops和Doh!想到的是:)