1

我正在使用 jquery 星级插件。我有一个非常大的问题:我要 5 颗星 - html 页面会显示 10 颗星(显然他们会重复自己)

我使用以下脚本:

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

我浏览了 javascript,默认值也设置为 5。因此,无论我是否将其设置为 5,它都会自动为 5。但是,在 html 页面上:星的数量是 10 令我惊讶。

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

在此处输入图像描述

这个错误来自插件本身还是与我的代码有关?

4

4 回答 4

1

您不能重复 ID,这是 XHTML 规则。

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

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

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

于 2011-04-04T15:09:26.573 回答
0

好吧,无法访问您的所有 HTML 和“代码”,我认为这是插件的错误。但是,对于这样的事情,您可以轻松创建自己的插件。

于 2011-03-14T17:10:53.020 回答
0

为 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.
于 2011-03-14T17:20:16.277 回答
0

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

我使用了下面的代码,它得到了解决。

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

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

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

于 2014-05-08T07:35:08.097 回答