ASP.NET Core中jQuery Raty总评分div显示无法重置问题求助

问题根源 #

你初始化总评分组件时开启了readOnly: true配置，Raty的只读模式会默认禁用score()、move()这类修改评分值的API，因此直接调用不会生效。

可行解决方法 #

方法1：临时切换只读状态更新

更新评分前临时关闭只读属性，更新完成后重新开启，不需要重新初始化组件：

const totalRating = $('.rating').data('raty');
// 临时关闭只读
totalRating.readonly = false;
// 更新为新的总评分
totalRating.score(response.data1);
// 恢复只读状态
totalRating.readonly = true;

方法2：销毁原有实例后重新初始化

如果组件配置复杂，也可以直接销毁旧实例，用新的评分值重新初始化：

// 销毁原有Raty实例
$('.rating').raty('destroy');
// 重新初始化只读总评分组件
$('.rating').raty({
    hints: ['', '', '', '', ''],
    readOnly: true,
    path: '/lib/raty-master/lib/images',
    score: response.data1
});

额外排查点 #

如果以上方法仍不生效，可以先在控制台打印$('.rating').data('raty')，确认实例是否正常存在，避免页面上存在多个.rating类元素导致选择器命中错误DOM。

内容的提问来源于stack exchange，提问作者MicJarek