Databases
StackOverflow2013
Postsdbo
PObootstrap popover with jQuery rating(not showing up in popover....)
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PObootstrap popover with jQuery rating(not showing up in popover....)
    text
    copied!<p>I am using bootstrap popover with this Jquery's rating. <a href="http://www.fyneworks.com/jquery/star-rating/" rel="nofollow">http://www.fyneworks.com/jquery/star-rating/</a> Right now the rating is not showing up in the popover(showing up as radio buttons), I realized that is because I need to load the rating again, so I tried the following code, still not working...</p> <p>Any ideas?</p> <pre><code> &lt;script&gt; $(function(){ $('.review').popover({ placement: 'in right', html: true, title: 'Reviews', content: $('.review-content').html() }).click(function(id,data){ ("input").rating({"readOnly":true}); }); }); &lt;/script&gt; </code></pre> <p>Here are some markups for .review and review-content</p> <pre><code>&lt;a class="review" style="color:black; position:relative;" href="#"&gt;Review&lt;/a&gt; &lt;div class="review-content" style="display:none;" &gt; &lt;span id="avg1"&gt; &lt;span class="star-rating-control"&gt;&lt;div class="rating-cancel" style="display: none;"&gt;&lt;a title="Cancel Rating"&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="star-rating rater-0 star-rating-applied star-rating-readonly star-rating-on" id="avg1_0"&gt;&lt;a title="1"&gt;1&lt;/a&gt;&lt;/div&gt;&lt;div class="star-rating rater-0 star-rating-applied star-rating-readonly star-rating-on" id="avg1_1"&gt;&lt;a title="2"&gt;2&lt;/a&gt;&lt;/div&gt;&lt;div class="star-rating rater-0 star-rating-applied star-rating-readonly star-rating-on" id="avg1_2"&gt;&lt;a title="3"&gt;3&lt;/a&gt;&lt;/div&gt;&lt;div class="star-rating rater-0 star-rating-applied star-rating-readonly star-rating-on" id="avg1_3"&gt;&lt;a title="4"&gt;4&lt;/a&gt;&lt;/div&gt;&lt;div class="star-rating rater-0 star-rating-applied star-rating-readonly star-rating-on" id="avg1_4"&gt;&lt;a title="5"&gt;5&lt;/a&gt;&lt;/div&gt;&lt;/span&gt;&lt;input type="radio" name="avg1" value="1" id="avg1_0" class="star-rating-applied star-rating-readonly" style="display: none;"&gt; &lt;input type="radio" name="avg1" value="2" id="avg1_1" class="star-rating-applied star-rating-readonly" style="display: none;"&gt; &lt;input type="radio" name="avg1" value="3" id="avg1_2" class="star-rating-applied star-rating-readonly" style="display: none;"&gt; &lt;input type="radio" name="avg1" value="4" id="avg1_3" class="star-rating-applied star-rating-readonly" style="display: none;"&gt; &lt;input type="radio" name="avg1" checked="checked" value="5" id="avg1_4" class="star-rating-applied star-rating-readonly" style="display: none;"&gt; &lt;/span&gt; &lt;/div&gt; </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload