1

私は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>

最初の問題: ホバー時に値が表示されません。2 番目の問題: 入力に誤ってカーソルを合わせると、以前に選択した値が表示されます。

4

1 に答える 1

2

私が何かを誤解したり、ホバー テキストのスタイルを設定したい場合を除き、ホバー機能に jQuery を含める必要はありません。

入力に追加title="1"すると、カーソルを合わせるとツールチップが表示さ1れます。

于 2012-02-28T13:31:08.497 に答える