如何在多jquery raty系统中控制目标

我使用jQueryRaty在php中创建了一个评级页面，其中显示了多个评级。它工作正常，除非有一件事。评分功能和单击功能正常工作。但是我在为每个元素设置目标时遇到了问题。我想要的是显示悬停在每颗星上的评级选择。它应该在类“star\u hint”的div中显示提示，但它不是

每个元素都显示在一个div中，如下所示：

<div class="span4">
   <h4>First valoration</h4>
   <div class="star" data-number="3"></div>                                         
   <input type="hidden" class="score_value" />                                  
   <div class="star_hint"></div>
</div>

<div class="span4">
   <h4>Second valoration</h4>
   <div class="star" data-number="4"></div>                                         
   <input type="hidden" class="score_value" />                                  
   <div class="star_hint"></div>
</div>
etc....

我不能为目标使用id，因为每个星号项目都有不同的目标。我还尝试在函数中返回值，如score和click，但没有成功。 就像这样：

target: function() {
    $(this).next('.star_hint');
   }

---

任何人都知道如何实现这一点吗？

您可以循环遍历所有

span

或

div

s，其中

raty（）

方法需要绑定，然后将

tid

作为变量传递以设置

raty（{target:tid}）

速率
$（文档）.ready（函数（）{
$（'span[id^=“star”]”）。每个（函数（）{
var tid=$（this.attr（'rel'）；
美元（这个）({
目标：工业贸易署，
starOff:“/img/star off.png”，
starOn:“/img/star on.png”
}) 
}) 
});

您可以循环遍历需要为其绑定

raty（）

方法的所有

span

或

div

，然后将

tid

作为变量传递以设置

raty（{target:tid}）

速率
$（文档）.ready（函数（）{
$（'span[id^=“star”]”）。每个（函数（）{
var tid=$（this.attr（'rel'）；
美元（这个）({
目标：工业贸易署，
starOff:“/img/star off.png”，
starOn:“/img/star on.png”
}) 
}) 
});

html

html

---

非常感谢！那正是我想要的！！很好！非常感谢！那正是我想要的！！很好！

target: function() {
    $(this).next('.star_hint');
   }

Rate <span id="star_xxx" data-number="3" rel="#hint_xxx" ></span>  <span  id="hint_xxx">   </span>

$( document ).ready(function() {
$('span[id^="star"]').each(function(){
    var tid = $(this).attr('rel'); 
    $(this).raty({
        target : tid ,
        starOff : '/img/star-off.png', 
        starOn : '/img/star-on.png'     

}) 
}) 


});

<div class="star" data-score="2.6"></div><span class="hint"></span> 

$(function () {
     $('div[class^="star"]').each(function(){
        $(this).raty({
            readOnly:true,
            score: function() {return $(this).attr('data-score');},
            }) 
            $(this).next().text($(this).attr('data-score'));
        });
    });