jQuery星级评分 - 悬停多行

Question

我是一个PHP新手/ JAVA的总新手，但并非没有，我得到了jQuery星级插件在我的网站上工作，并显示文字旁边的星星，当我徘徊它。

现在我想添加另一排星星，但我只想让文字显示我正在盘旋的那一行。

例 ROW 1星 - 悬停文本 ROW 2星 - 悬停文本

当我悬停行1或2，文本将在两行显示。任何想法如何我可以解决这个问题。在我的头

Java代码

<script> 
jQuery(function($) { 
    $('.wesley').rating({ 
     focus: function(value, link) { 
      // 'this' is the hidden form element holding the current value 
      // 'value' is the value selected 
      // 'element' points to the link element that received the click. 
      var tip = $('#hover-test, #hover-test2'); 
      tip[0].data = tip[0].data || tip.html(); 
      tip.html(link.title || 'value: ' + value); 
     }, 
     blur: function(value, link) { 
      var tip = $('#hover-test'); 
      $('#hover-test, #hover-test2').html(tip[0].data || ''); 
     } 
    }); 
});​ 
</script> 

什么显示的文字和旁边的星星

<span id="hover-test2" style="margin:0 0 0 20px;">Hover tips will appear in here</span> 

Answer 1

它看起来像你对我已经错了地方下面的代码，你需要将匹配的跨度＃悬停文本直接放在具有匹配类名称的星星的下面。

<div id="frm_bg_star"> 
<label class="frm_primary_label"> 
Beoordeel<span class="frm_required">&nbsp*</span> 
    <div class="frm_description">Beoordeel de verschillende aspecten van Relatieplanet.nl</div> 
</label> 
<div id="star-rating-top"><div id="star-rating-word"><a class="tooltip"> 
    <img src="/wp-content/themes/Hector/images/icon_tooltip.gif"></img>&nbsp 
<span>Hoe was het aanbod van profielen. Waren deze actief en had je het vermoeden of dit geen nep-profielen waren? </span> 
</a>Singles Aanbod</div><div id="star-rating"><div class="alignleft frm_10radio "> 
<input type="radio" name="item_meta[26]" id="field_26-1" value="Option 1 text" class="scale required wesley star" /> 
</div> 
<div class="alignleft frm_10radio "> 
<input type="radio" name="item_meta[26]" id="field_26-2" value="Option 2 text" class="scale required wesley star" /> 
</div> 
<div class="alignleft frm_10radio "> 
<input type="radio" name="item_meta[26]" id="field_26-3" value="Option 3 text" class="scale required wesley star" /> 
</div> 
<div class="alignleft frm_10radio "> 
<input type="radio" name="item_meta[26]" id="field_26-4" value="Option 4 text" class="scale required wesley star" /> 
</div> 
<div class="alignleft frm_10radio frm_last"> 
<input type="radio" name="item_meta[26]" id="field_26-5" value="Option 5 text" class="scale required wesley star" /> 
</div> 
<div style="clear:both;"></div></div> 
<span id="hover-test" style="margin:0 0 0 20px;"></span> 
</div> 
<div style="clear:both;"></div></div> 
</div></div>