jquery - 评价为! - 单击添加禁用

Question

我对 Yo 评分有疑问!

当用户点击星星时，就会添加评级。

点击后我想向 id="rateYo"添加一个属性 (data-rateyo-read-only = "true ”):http://rateyo.fundoocode.ninja/#option-readonly - 这阻止了再次投票的可能性。

我的代码是:

$ ("#rateYo").click (function () {
    $ ('#rateYo').attr('data-rateyo-read-only','true');
});

Answer 1

无需手动添加disable属性。使用onSet事件 - 当用户给出评级时，通过 rateYo("option", "readOnly", true); 将其设为只读

$("#rateYo").rateYo({
    onSet: function (e, data) {
       alert("The rating is set to " + data.rating() + "!");
       $(this).rateYo("option", "readOnly", true);  // make readonly
    },
    starWidth: "24px"
});

如果你已经初始化了，也可以这样做

$("#rateYo").rateYo('option', 'readOnly', true); // disable (make readonly)

$("#rateYo").rateYo('option', 'readOnly', false); // enable

http://jsfiddle.net/mogxa8rd/