Rate Yo! - click add disabled

Question

I have a problem with Rate Yo!

When the user clicks on the stars, the rating is added.

After clicking I would like to add an attribute to id="rateYo" (data-rateyo-read-only = "true"): http://rateyo.fundoocode.ninja/#option-readonly - which blocks the possibility of voting again.

My code is:

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

why do you have spaces in `$ ('# rateYo')`? – Carsten Løvbo Andersen Jul 21 '18 at 09:31 — Carsten Løvbo Andersen, Jul 21 '18 at 09:31
Google Translate add white space - sorry. – damian0021 Jul 21 '18 at 09:33 — damian0021, Jul 21 '18 at 09:33
i don't get it. what's the issue? – MatejMecka Jul 21 '18 at 09:49 — MatejMecka, Jul 21 '18 at 09:49

Vinay · Accepted Answer · 2018-07-21T16:52:05.817

No need of manully adding disable attribute.Use onSet event - when user give rating make it readonly through 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"
});

You can also do like this if you have already initialized it

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

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

http://jsfiddle.net/mogxa8rd/

Rate Yo! - click add disabled

1 Answers1