jquery星级- raty插件错误

Question

我使用的是jquery星级plugin。我有一个很大的问题:我要求5颗星-- html页面会显示10颗星(显然它们会重复出现)。

我使用以下脚本：

$('#rating').raty({
        readOnly: true,
    //  number: 5,          
        start: 0
    });

我查看了javascript，默认值也设置为5。因此，无论我是否将其设置为5，它都将自动设置为5。但是，在html页面上:出乎我意料的是，星星的数量是10颗。

图片来自我的火灾虫子:在这种情况下，我要求4颗星，投票率为8星。

​

​

这个bug是插件本身造成的，还是和我的代码有关？

Answer 1

对id使用不同的名称：

评级1-1评级1-2评级1-3等

评级2-1评级2-2评级2-3等等

Example

编辑：

你在你的页面中使用了两次或更多的Rati.如果是这样的话，你应该这样做：

<div id="rating1"></div>
$('#rating1').Raty(etc.

<div id="rating2"></div>
$('#rating2').Raty(etc.

Answer 2

您不能重复is，这是XHTML规则。

如果你想要绑定多个Raty元素，你应该像这样按类进行绑定：

$('.raty').raty();

您可以在此处看到更多示例：http://wbotelhos.com/raty

Answer 3

好吧，不能访问你所有的HTML和“代码”，我认为这是插件的问题。然而，对于这样的东西，你可以很容易地创建自己的插件。