0

このjQuery Star Ratingプラグインを使用しています

動作していますが、クリックした後もホバー ヒントをページにとどめようとしています。現在、クリックしてマウスを離すと消えます。

<script> 
$(function(){
 $('.hover-star').rating({
  focus: function(value, link){
    var tip = $('#hover-test');
    tip[0].data = tip[0].data || tip.html();
    tip.html(link.title || 'value: '+value);
  },
  blur: function(value, link){
    var tip = $('#hover-test');
    $('#hover-test').html(tip[0].data || '');
  }
});
</script>

<form id="ratingform">
<table width="100%" cellspacing="10"> 
<tr><Td>Hover over the stars and then click</td></tr>
<tr>
<td valign="top" width="">
<div class="Clear">
<div>
<input class="hover-star" type="radio" name="rating" value="1" title="Very poor"/>
<input class="hover-star" type="radio" name="rating" value="2" title="Poor"/>
<input class="hover-star" type="radio" name="rating" value="3" title="OK"/>
<input class="hover-star" type="radio" name="rating" value="4" title="Good"/>
<input class="hover-star" type="radio" name="rating" value="5" title="Very Good"/>
<span id="hover-test" style="margin:0 0 0 20px;"></span>
</td>
</tr>
</table>
4

1 に答える 1

0

「コールバック」関数を使用して、「フォーカス」関数と同じコードを使用できます。星がクリックされると、「コールバック」関数が実行されます。

$(function(){
 $('.hover-star').rating({
  focus: function(value, link){
    ..
  },
  blur: function(value, link){
    ..
  },
  callback: function(value, link){
    var tip = $('#hover-test');
    tip[0].data = tip[0].data || tip.html();
    tip.html(link.title || 'value: '+value);
  }
});
于 2012-10-19T14:31:00.623 に答える