jquery星级评级 - raty插件bug

Question

我正在使用jquery星级plugin。我有一个很大的问题：我要求5星 - html页面会显示10颗星（显然它们会重复）

我使用以下脚本：

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

我浏览了javascript，默认也设置为5.因此，无论我将其设置为5，它将自动为5。但是，在html页面上：令我惊讶的是星数是10。

来自我的火虫的图像：在这种情况下，我要求4颗星，投票结果有8颗星。

是插件本身的错误还是与我的代码有关？

Answer 1

你无法重复ID，这是一个XHTML规则。

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

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

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

Answer 2

好吧，无法访问您的所有HTML＆amp; “代码”，我认为这是插件的错误。但是，对于像这样的东西，你可以轻松地创建自己的插件。

Answer 3

为id：

使用不同的名称

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

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

Example

编辑：

您在页面中使用两次或更多Raty？如果是这样，你应该这样做：

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

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

Answer 4

我刚刚在我的应用程序中遇到过这个问题。

我使用下面的代码，它已经解决了。

if($('.star').find('input[name="score"]').length < 1) {
  $(".star").raty();
}

但是，奇怪的是它只发生在平板电脑和移动设备上。我试着检查它是否被调用了两次，但它至少不在代码中。

作为一种解决方法，我添加了上面的代码。