2012-02-14 66 views
0

我已经试过了rateit plugin,但这似乎并没有与<option selected="selected">jQuery的评级插件,与选择的选项工作

UPDATE正常工作: 更新了JSfiddle最新的jQuery,我现在有这个问题回到了它只有在选择中有5个选项时才显示4颗星?

我一直在寻找了几个小时,现在找到一个等级的插件,其中:

  1. 不需要额外的HTML。
  2. 使用标题属性显示悬浮选项的文字。
  3. 只适用于全星级。

HTML

<select class="test" id="rating1" name="Rating"> 
    <option value="1">Poor</option> 
    <option value="2">Fair</option> 
    <option value="3" selected="selected">Good</option> 
    <option value="4">Very Good</option> 
    <option value="5">Excellent</option> 
</select> 
+0

什么不适用于该插件?在小提琴中它工作正常吗? – 2012-02-14 15:21:24

回答

1

您需要使选择框更新评级值。 Add:

$('#rating1').change(function() { 
    $('div#rating2').rateit('value',$(this).val()); 
}); 

请参阅example

编辑:

RateIt需要的jQuery 1.6.0+,这就是为什么更新jQuery的版本会导致选择框来(正确)消失。看看this fiddle看看它是否符合你的需求。这将“逐步增强”选择框,以便未启用JavaScript的用户仍然可以使用该选择,而启用了JS的用户将获得更好的版本。

如果要显示后台字段,则必须在拨打rateit()后切换它。此外,为防止“重置”选项出现,您需要设置另一个数据属性并将选择的位扩展为:

Example

+0

是的,点击插件工作的星星部分。但一旦表格被保存并且保存了评级,它就不会选择正确的明星http://jsfiddle.net/qgptQ/3/ – 2012-02-14 15:41:54

+0

如果更新jquery版本,它会完全中断。 – 2012-02-14 15:45:52

+0

@JohnMagnolia:查看更新后的答案。 – 2012-02-14 15:52:00

0

你的jQuery的版本是旧的,你需要1.6或更高版本。