Radio Buttons displayed momentarily when displaying a lot of ratings plugin

[GoogleCodeExporter]

What steps will reproduce the problem?
1. Display a html page that heavily uses star rating plugins (about 15 of 
them)
2. A set of radio buttons are displayed first, and then the stars later 
appear

What is the expected output? What do you see instead?
I would like to just display the stars, instead of having the radio 
buttons flickering for a moment, is it possible? This happens when I use 
Ajax to load all the controls.

What version of the plugin/jQuery are you using?
PLUGIN VERSION: 3.12
JQUERY VERSION: 1.3.2

On what browser(s) or operating system?
BROWSER(S): Opera, Firefox, Mac, Windows

Please provide a link to where the problem can be observed:
URL: sign up for a free account and then view this page:
http://www.hip10.com/l/17

Feel free to provide any additional information below.

Original issue reported on code.google.com by dickyjo...@gmail.com on 6 Sep 2009 at 4:05

Attachments:

• [Picture 6.png](https://storage.googleapis.com/google-code-attachments/jquery-star-rating-plugin/issue-35/comment-0/Picture 6.png)

[GoogleCodeExporter]

Am also having this same problem is there anybody got solution pleas tell me. 
Am using same plugin

Original comment by Praphum...@gmail.com on 25 Aug 2012 at 12:08

[GoogleCodeExporter]

When the page loads, the jquery converts the radio buttons into a series of 
divs with numbers inside them. That's when the star images are applied via CSS. 
So, you need to hide the radio buttons until that point. Here's what I did:

Wrap each set of radio buttons in <div class="ratingStars">.

In your CSS:
    .ratingStars {
        display: none;
    } 

In your javascript:
    $(document).ready(function() {
        $(".ratingStars").show();
    }); 

Original comment by JasonRu...@gmail.com on 22 Oct 2012 at 11:07

[GoogleCodeExporter]

Original comment by diego.a...@gmail.com on 23 Feb 2013 at 5:12

• Changed state: Archived
• Added labels: Archived