jQuery Star Rating - Hover Несколько строк

Question

Я новичок, когда дело доходит до PHP/JAVA, но, тем не менее, я получил плагин JQuery Star Rating, работающий на моем сайте, и чтобы показать текст рядом со звездами, когда я его виню ,

Теперь я хочу добавить еще один ряд звезд, но я хочу, чтобы текст показывал строку, которую я вишу.

Пример СТРОКА 1 звезда - НАВЕДЕНИЕ ТЕКСТ СТРОКИ 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

Он смотрит на меня, как вы следующий код в неправильном месте, вам нужно чтобы иметь соответствующий диапазон # hover-text непосредственно под вами, где у вас есть звезды с соответствующим именем класса.

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