Rate Yo jQuery星評価プラグインをデータ属性で使用するにはどうすればよいですか？

Question

どうすればいいですか？Rate Yo jQuery star ratingプラグインでデータ属性？
HTML属性でデフォルトの初期値を設定する方法はありますか？
data-rateyo-scoreを使用してscoreの値を渡すことは可能ですか？

たとえば、動的値に応じてスコアを開始する場合、コールバックを使用するにはどうすればよいですか？

私のコードは以下と同じです。
<div class="rateYo" data-rateyo-score="1"></div>

私はコードの下に試してみてください。

$('.rateYo').rateYo({ 
    score: function() { 
    return $(this).attr('data-rateyo-score'); 
    } 
}); 

と、この：

$('.rateYo').rateYo({ 
    score: $(this).attr('data-rateyo-score'); 
    } 
}); 

しかし、何かが間違っているようです。

Answer 1

使用 "データ・rateyo-評価= '1'" の代わりに "データrateyoスコア= '1'" あなたの助けと返信用

$(function() { 
 
    $(".rateyo").rateYo().on("rateyo.change", function (e, data) { 
 
    var rating = data.rating; 
 
    $(this).parent().find('.score').text('score :'+ $(this).attr('data-rateyo-score')); 
 
    $(this).parent().find('.result').text('rating :'+ rating); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/rateYo/2.3.2/jquery.rateyo.min.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/rateYo/2.3.2/jquery.rateyo.min.css" rel="stylesheet"/> 
 
<div> 
 
    <div class="rateyo" 
 
     data-rateyo-rating="1" 
 
     data-rateyo-num-stars="5" 
 
     data-rateyo-score="4"></div> 
 
     <span class='score'>0</span> 
 
     <span class='result'>0</span> 
 
</div> 
 
<hr> 
 
<div> 
 
    <div class="rateyo" 
 
     data-rateyo-rating="2.4" 
 
     data-rateyo-num-stars="5" 
 
     data-rateyo-score="1"></div> 
 
     <span class='score'>0</span> 
 
     <span class='result'>0</span> 
 
</div> 
 
<hr> 
 
<div> 
 
    <div class="rateyo" 
 
     data-rateyo-rating="4" 
 
     data-rateyo-num-stars="5" 
 
     data-rateyo-score="3"></div> 
 
     <span class='score'>0</span> 
 
     <span class='result'>0</span> 
 
</div>