jquery - jquery 星级评分 - 评分插件错误

Question

我正在使用 jquery 星级插件。我有一个非常大的问题：我要 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 和“代码”，我认为这是插件的错误。但是，对于这样的事情，您可以轻松创建自己的插件。

Answer 3

为 id 使用不同的名称：

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

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

例子

编辑 ：

您在页面中使用了两次或更多 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();
}

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

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