jQuery评级 - 如何在悬停时显示所选值？

Question

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

$(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。