如何在点击星形后在jRate插件的参数上设置readOnly

时间:2015-03-17 21:04:23

标签: javascript jquery jquery-plugins

关于如何在点击星星之后将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
    }
});

我试图直接设置param,如你所见 我试过设置像var read = false这样的全局可用,然后在“onSet”函数中设置read = true并返回该值,所以最后设置 readOnly:onSet();

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

此插件用于制作视觉“星级”评级,如:* * * * *

问候!!!

1 个答案:

答案 0 :(得分:0)

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

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

这是demo