如何在jRate插件上设置readOnly;单击一颗星后的参数

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

本文关键字：一颗 参数 单击 jRate 插件 readOnly 设置      更新时间：2023-09-26

我一直在思考如何在点击一个星号后将de readOnly param设置为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
    }
});

我试着直接设置参数，正如你所看到的，我试着设置一个全局virable，比如var read=false，然后在"onSet"函数上设置read=true并返回该值，所以最后设置只读：onSet（）；

现在，我不能在点击后设置readOnly变量。是的，我只能在onSet（）函数之前设置变量readOnly:true，但这只会使星形禁用。

这个插件是为了制作一个视觉上的"星星"评级，比如：****

问候！！！

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

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

这是一个演示

相关文章：