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>