给！ - 点击添加禁用

Question

我对 Rate 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

无需手动添加禁用 attribute.Use 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/

给！ - 点击添加禁用

Rate Yo! - click add disabled

jquery

html

rateyo