akhanisatyammg / jquery-star-rating-plugin

Automatically exported from code.google.com/p/jquery-star-rating-plugin
0 stars 0 forks source link

Changing the rating's readonly from true to false with javascript glitches my rating. #140

Open GoogleCodeExporter opened 8 years ago

GoogleCodeExporter commented 8 years ago
Where can we see the problem?
> URL:
ps: http://jsfiddle.net/ is the best way for us to debug your issue
I am sorry, but I didn't figure out how to link your JS to jsfidle. Please read 
through my issue, I really need this.

What steps will reproduce the problem?
HTML:
<input class="star" type="radio" name="rating" value="1" 
title="Worst"   disabled="disabled" />
<input class="star" type="radio" name="rating" value="2" 
title="Bad" disabled="disabled" />
<input class="star" type="radio" name="rating" value="3" title="OK"       
disabled="disabled" />
<input class="star" type="radio" name="rating" value="4" 
title="Good"    disabled="disabled"  checked="checked" />
<input class="star" type="radio" name="rating" value="5" 
title="Best"    disabled="disabled" />

<div id="edit">
    EDIT
</div>

<script>
  $( document ).ready(function() {
    $( "#edit" ).click(function() {
        $('input').rating('readOnly',false);
    });
  });
</script>

What is the expected output? What do you see instead?
>I was expecting that clicking the edit div would make the rating active again 
so I could change the value. But, it somehow glitches. When I click the #edit 
div the "cancel rating" button is displayed, but I am unable to click on any of 
the stars. The first screen shot is what I see right after clicking the DIV. 
The second is a screenshot of how it looks like when I place my mouse over the 
second star. For some reason Mac doesn't put the mouse to the screenshot, but 
it is right over the star.. Please, do you have any ideas or tips on what could 
be causing this issue? Right now the only solution for me is to reload the page 
and load new rating when the user clicks the edit button, but I really don't 
want to do that.

What version of the plugin/jQuery are you using?
> PLUGIN VERSION: v4.11
> JQUERY VERSION: 2.0.3
> BROWSER(S) VERSION(S): Chrome 31.0.1650.63

Feel free to provide any additional information below.
I hope this makes some sense. I really don't understand what could be causing 
the problem here. Since I am doing something so simple. If you would require 
any ideational information feel free to ask for it. I am looking forward to 
your reply. Sincerely James B.

Original issue reported on code.google.com by james.be...@gmail.com on 28 Dec 2013 at 9:09

Attachments: