Setting 'single' parameter to true doesn't work if the score parameter is set as well

[levani]

This is the code I tried to make a simple animation with stars. What it does is to select only one star in a row.

var x = 1;
var i = setInterval(function() {
    $('.starRating').raty({
        single: true,
        score: x
    });
    x++;
    if ( x > 5 )
        clearInterval(i);
}, 200);

but it doesn't select only one star, but all the start before and including x. Any ideas?

[wbotelhos]

You can't bind the Raty more than one time on the same .starRating.
Try to bind one time outside the interval and than to use $('.starRating').raty('score', x);

I can't test your code now, tonight I will try it.

[wbotelhos]

You should bind just one time and use the function to change the score:

var star = $('#star'),
    i    = 1;

star.raty({ single: true });

var time = setInterval(function() {
  star.raty('score', i++);

  if (i > 5) {
    i = 1;
  }
}, 200);