1

我正在尝试使用Chris Richards jQuery 评级，我发现它非常有用且易于使用，但我还需要有插件没有的一半评级。是否有任何修改以具有此功能？

我无法使用它，因为文件使用起来非常混乱！

更新：我需要的是从 0.5 到 5 的 10 星评级。这意味着我想要单独的星来获得半分，并且我需要在 click 上显示所选的评级。

谢谢

4

2 回答 2

2

我建议http://www.fyneworks.com/jquery/star-rating/它非常好，我使用它，我什至为它开发了一个 Zend 框架表单元素，我会推荐它，你可以随意拆分

它有更多的功能，我不认为你会想要修改它，它有只读的，并且动态设置评级，如果你对评级标准有依赖关系，你可以很容易地计算它并等它

一个非常基本的例子是：

 // selects radio with value 3
 $('.myclass').rating('select',3);
 $('.myclass').rating('readOnly',true);
 $('.myclass').rating('disable');

要拆分星星，您需要执行以下操作

<input class="myclass {split:2}" />

并根据需要拆分，您需要将单选按钮加倍，因为在拆分 2 的情况下，每个单选按钮将从 0.5 开始，例如序列将是 0.5,1,1.5 ...等而不是 1 ,2,3....等

更新：

对于锁定，您可以将其设置为只读，如下所示

$('.myclass').rating({
    callback: function(value, link){
    // mark it readonlyHere most probably like this $(this).readOnly(true)
}
});
于 2012-10-16T12:01:31.367 回答
1

可能的解决方案是这样的：我改用 rateit 插件 http://rateit.codeplex.com/。

<div class="rateit" id="rateit5" data-rateit-min="0" data-rateit-max="10" 
data-rateit- step="1"></div>
<div>
<span id="value5"></span>
<span id="hover5"></span>
</div>
<script type="text/javascript">
    $("#rateit5").bind('rated', function (event, value) 
    { $('#value5').text('You\'ve     rated it: ' + value/2); });
    $("#rateit5").bind('reset', function () 
    { $('#value5').text('Rating reset'); });
    $("#rateit5").bind('over', function (event, value) { 
        if (value == null)
        $('#hover5').text();
        else    
        $('#hover5').text(' ' + value/2); });
</script>
于 2012-10-18T04:47:14.807 回答