如何使用 Rate To jQuery star rating plugin with data 属性?
How can I use Rate Yo jQuery star rating plugin with data attribute?
如何使用 Rate Yo jQuery 带有数据属性的星级评分插件?
有没有办法通过 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');
}
});
不过好像有点不对劲
改用"data-rateyo-rating='1'""data-rateyo-score='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>
设置只读选项时的默认评级值:true
如何使用 Rate Yo jQuery 带有数据属性的星级评分插件?
有没有办法通过 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');
}
});
不过好像有点不对劲
改用"data-rateyo-rating='1'""data-rateyo-score='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>
设置只读选项时的默认评级值:true