jQuery Star Rating - наведите несколько строк - PullRequest
Новая
       9

jQuery Star Rating - наведите несколько строк

0 голосов
/ 03 марта 2012

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

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

Пример ROW 1 Stars - HOVER TEXT ROW 2 Stars -HOVER TEXT

При наведении курсора на строку 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>

1 Ответ

0 голосов
/ 03 марта 2012

Мне кажется, что у вас есть следующий код в неправильном месте, вам нужно иметь соответствующий span # 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>
...