rater.js切换readonly属性不生效，是否支持动态修改只读状态？

问题原因 #

rater.js 不支持通过重复调用初始化方法修改配置，组件首次初始化后会缓存配置参数，后续再次调用.rate()传入新配置时会直接跳过初始化流程，所以只读属性无法更新。

解决方法 #

在修改配置前先销毁已存在的rater实例，再使用新配置重新初始化组件，示例代码如下：

<div class="rating" data-rate-value=6></div>

<script>
// 首次初始化为可编辑状态
var raterOptions = {
    max_value: 5,
    step_size: 0.5,
    initial_value: 0,
    readonly: false
}  
$(".rating").rate(raterOptions);

// 需要切换为只读状态时
// 1. 销毁原有实例
$(".rating").rate("destroy");
// 2. 修改配置后重新初始化
raterOptions.readonly = true;
$(".rating").rate(raterOptions);
</script>

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