单击星号后如何在 jRate 插件的参数上设置只读

Question

我一直在思考如何在单击星号后将 de readOnly 参数设置为 de jRate 插件，但我找不到解决方案。

这是我一直在处理的代码：

$("#jRate").jRate({
    startColor: 'yellow',
    endColor: 'red',
    width: 17,
    height: 17,
    backgroundColor: 'black',
    min: 0,
    max: 5,
    precision: 0,
    /* Show rating when mouse over*/
    onChange: function (rating ) {
        $('#rating ').text(" " + rating );
        readOnly: true;
    },
    /*set a click's behavior*/
    onSet: function (readOnly) {
        //$('#demo-onset-value').text("Selected Rating: " + rating);
        readOnly: true;
        alert(readOnly); // just only to view readOnly value
    }
});

如您所见，我已尝试直接设置参数， 我尝试设置一个全局变量，如 var read = false，然后在“onSet”函数上设置 read = true 并返回该值，所以最后设置 只读：onSet();

现在，我无法在单击后设置 readOnly 变量。是的，我只能在 onSet() 函数之前设置变量 readOnly: true 但这只会使星星禁用。

这个插件是为了做一个视觉的“星星”评级，比如：* * * * *

问候！！！

Answer 1

你可以这样做rater.setReadOnly(true);

var rater = $("#jRate").jRate({
  rating: 3,
  strokeColor: 'black',
  width: 80,
  height: 80,
  onSet: function(rating) {
    rater.setReadOnly(true);
  }
});

这是demo