jquery - jQuery评级 - 如何在悬停时显示选择的值？

Question

我正在使用jquery.rating.js插件，我写了一个小函数来显示点击输入的值，但我也想在悬停时显示值。

$(document).ready(function() {
if($('.star-rating-on')) {
    $('.star-rating-on a').live('click', function() {
        var note1 = $('.star-rating-on a:last').attr('title');
        $('#i-choose').html(note1 +'.0');
    });
} else { 
    $('.star-rating-hover a:last').live('hover', function() {
        var note = $('.star-rating-hover a:last').attr('title');
        $('#i-choose').html(note +'.0');
    });
} 
})

html

<input type="radio" class="star required" value="1" name="rating" />
<input type="radio" class="star required" value="2" name="rating" />
<input type="radio" class="star required" value="3" name="rating" />
<input type="radio" class="star required" value="4" name="rating" />
<input type="radio" class="star required" value="5" name="rating" />
<div id="i-choose">Your rate</div>

第一个问题：悬停不显示值。第二个问题：如果我不小心将光标指向输入，则显示先前选择的值。

Answer 1

您不必在悬停功能中使用 jQuery，除非我误解了某些内容，或者您​​想要设置悬停文本的样式。

如果您添加title="1"到输入中，则1当您将其悬停时，工具提示将显示。