Raty problems with multiple instances?

[felixchan]

Hi, when I do multiple instances of raty, it seems like Raty adds a half star even though it's a solid rating (4.0/3.0/2.0).

$(function(){
$('.star').each(function(el){
            $(this).raty({
                readOnly:true,
                path: 'media/template/js/raty/img',
                start: $(this).attr('data-rating'))
            });
});
});

<div class="detail_item star" data-rating='{{ r.rating }}'>
</div>
{{ r.rating }}

Here's an image: http://i.imgur.com/EXXlY.png (the score next to the stars is the string sent to Raty)

I've tried different things, like parseFloat(), Number(), String(), stripping the text, replacing the ".0" with "", ...but this problem still stays.

Any ideas? Thanks !

[wbotelhos]

Hi felix,

Maybe your r.rating is a float value, because it worked here:

<div data-rating='1' class="detail_item star"></div>
<div data-rating='2' class="detail_item star"></div>
<div data-rating='3' class="detail_item star"></div>

<script type="text/javascript">
    $(function() {

        $('.star').each(function(el){
            $(this).raty({
                readOnly:   true,
                start:      $(this).attr('data-rating')
            });
        });

    });
</script>

You can bind Raty direct and get the start value by callback like this:

$('.star').raty({
    start: function() {
        return $(this).attr('data-rating');
    }
});

But I see we have a issue on jQuery.index() where you can't use more than one class, then you should use just the class star. If you want put more style on it, do it by the class .star.

And you have a left parenthesis in your code.

[felixchan]

Hi,

Thanks for the quick response!

I'm still getting the same error. Raty shows half-star ratings for solid-points.

Can you take a look here?

http://184.72.250.181/search/?q=ab

Thanks!