单击星标后如何在 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 和 return 该值，所以最后设置只读：onSet();

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

此插件用于制作视觉 "stars" 评级，如：* * * * *

问候 !!!

Answer 1

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

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

这是一个demo

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

How to set readOnly on a jRate plugin's param after make a click on a star

javascript

jquery

jquery-plugins