Javascript jQuery reset star-rating.js

我正在使用这个插件

我想重新设置我的表格。但我如何重置这些星星

 $("#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);
        }
    });
});

---

看起来您需要做的就是将内容设置为0。然后重新初始化该方法

$("#starrating").html("0");
$("#starrating").star_rating();

---

我不熟悉这个插件，但是看看你提供的链接，你能不能更新元素中的文本以反映空的或零的评级？比如：

$("#btn-reset").on('click', function() {
     $('#starrating').text('0/5').star_rating();
}

---

我不知道这是否是最好的方法，因为我不熟悉这个库

但我实现了如下重置：

$（文档）.ready（函数（）{
$（“.rating”）.star_rating（）；
$（#resetStars”）。在（“单击”，函数（）上{
$（“.rating”）.remove（）；
$（“.星级”）。替换为（“0/10星级”）；
$（“.rating”）.text（“0/10”）.star_rating（）；
});
});

这是一个好剧本！
9.5/10星





重置星星
您可以尝试类似的方法；尝试在初始页面加载时设置默认空白星号，或单击

$(document).ready(function() {
    $('i').addClass('fa-star-o');
});

然后刷新页面以使其静止：

$( ".reset" ).click(function() {
    location.reload();
});

如果不想刷新页面，可以尝试：

$( ".reset" ).click(function() {
   $('i').addClass('fa-star-o');
});

您可能需要使用类似jQuery重新启动star上的单击功能，以便在需要时重新添加相应的类

如果这不起作用；您是否可以创建一个完全复制您的问题的模型；然后我们就可以解决它了。如果是我；我会找到一个更好的插件来使用，或者干脆从头开始编写。
另一种方法是使用自定义的
渲染功能从头开始重新渲染您的评级星星

HTML:


重置额定值

JS:

var defaultRating=“0/5”；
渲染（“3/5”）；
功能渲染（额定值）{
var ratingEl=$（''）.addClass（'评级'）；
var ratingStr=评级| |违约评级；
ratingEl.text（ratingStr）；
$（'.rating stars'）.html（ratingEl）；
星级率（）；
}
$（'.reset rating'）。在（'click'，function（）上{
渲染（）；
})

这应将其重置为0:

$（'starting'）。星级（'rating'，0）

以下是调用公共方法的格式：

$（'starting'）。star#u评级（'method#u name'）

您的单击事件是否应该在文档中准备就绪？如果它在文档外准备就绪，则有时会导致问题。我希望这有帮助：）
即使在修复ID后也无法工作。检查一下，看看如何调用重载。我的语言不好，不工作。请帮助我如何调用重新加载功能？？这个答案对我有用。非常感谢你。此外，如果我使用ID，它不起作用，但是如果我使用class，它会起作用。不知道为什么。非常感谢@Louys Patrice Bessette该文档现在在更新，并且我留下了一个使用插件API内置方法的答案。很高兴看到您正在使用它！