2012-02-14 47 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或更高版本。

相關問題