jQuery重置星级jQuery
jQuery重置星级jQuery
提问于 2017-03-29 17:44:05
我正在使用这个插件https://danielupshaw.com/jquery-star-rating/
我想重设一下我的表格。但我怎样才能重置这些星星呢？
$("#btn-reset").on('click', function() {
//some other inputs reset
$('#starrating').star_rating.remove();
$('#starrating').star_rating.reload();
}请帮助如何将这些恒星重置为零或零。
这是完整的代码。
$("#btn-reset").on('click', function() {
$('#starrating').star_rating.reload();
});
jQuery(function($) {
$('#starrating').star_rating({
click: function(clicked_rating, event) {
event.preventDefault();
$('input[name=\'rating\']').val(clicked_rating);
this.rating(clicked_rating);
}
});
});回答 6
Stack Overflow用户
回答已采纳
发布于 2017-03-29 18:44:08
我不知道这是不是最好的方法，因为我不熟悉这个图书馆.
但我实现了这样的重置：
$(document).ready(function(){
$('.rating').star_rating();
$("#resetStars").on("click",function(){
$(".rating").remove();
$('.star-rating').replaceWith("<span class='rating'>0/10 stars</span>");
$(".rating").text("0/10").star_rating();
});
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet"/>
<script src="https://danielupshaw.com/jquery-star-rating/jquery.star-rating.js"></script>
<h1>This is a good script!</h1>
<span class="rating">9.5/10 stars</span><br>
<br>
<br>
<button id="resetStars">Reset stars</button>
Stack Overflow用户
发布于 2017-03-29 17:51:37
看起来，您所需要做的就是将内容设置为0。然后重新初始化方法。
$("#starrating").html("0");
$("#starrating").star_rating();Stack Overflow用户
发布于 2017-03-29 17:55:21
我不熟悉这个插件，但是看看你提供的链接，你就不能更新元素中的文本来反映一个空的或零的等级吗？类似于：
$("#btn-reset").on('click', function() {
$('#starrating').text('0/5').star_rating();
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/43100568
复制相关文章
相似问题
腾讯云开发者
