всплывающее окно начальной загрузки с рейтингом jQuery (не отображается во всплывающем окне)

Я использую всплывающее окно начальной загрузки с рейтингом этого Jquery. http://www.fyneworks.com/jquery/star-rating/ Прямо сейчас рейтинг не отображается во всплывающем окне (отображается в виде переключателей), я понял, что это потому, что мне нужно снова загрузить рейтинг, поэтому я попробовал следующий код, но он все еще не работает...

Любые идеи?

 <script>
    $(function(){
    $('.review').popover({ 
    placement: 'in right',
    html: true,
    title: 'Reviews',
    content: $('.review-content').html()
    }).click(function(id,data){
    ("input").rating({"readOnly":true}); 

    });

    });

    </script>

Вот некоторые разметки для .review и review-content.

<a class="review" style="color:black; position:relative;" href="#">Review</a>

<div class="review-content" style="display:none;" >

<span id="avg1">

<span class="star-rating-control"><div class="rating-cancel" style="display: none;"><a title="Cancel Rating"></a></div><div class="star-rating rater-0 star-rating-applied star-rating-readonly star-rating-on" id="avg1_0"><a title="1">1</a></div><div class="star-rating rater-0 star-rating-applied star-rating-readonly star-rating-on" id="avg1_1"><a title="2">2</a></div><div class="star-rating rater-0 star-rating-applied star-rating-readonly star-rating-on" id="avg1_2"><a title="3">3</a></div><div class="star-rating rater-0 star-rating-applied star-rating-readonly star-rating-on" id="avg1_3"><a title="4">4</a></div><div class="star-rating rater-0 star-rating-applied star-rating-readonly star-rating-on" id="avg1_4"><a title="5">5</a></div></span><input type="radio" name="avg1" value="1" id="avg1_0" class="star-rating-applied star-rating-readonly" style="display: none;">
<input type="radio" name="avg1" value="2" id="avg1_1" class="star-rating-applied star-rating-readonly" style="display: none;">
<input type="radio" name="avg1" value="3" id="avg1_2" class="star-rating-applied star-rating-readonly" style="display: none;">
<input type="radio" name="avg1" value="4" id="avg1_3" class="star-rating-applied star-rating-readonly" style="display: none;">
<input type="radio" name="avg1" checked="checked" value="5" id="avg1_4" class="star-rating-applied star-rating-readonly" style="display: none;">
</span>

</div>

javascript jquery twitter-bootstrap popover yii
person jackhao    schedule 08.02.2013    source источник
comment
Вы можете включить разметку .review-content и .review?   -  person joeltine    schedule 08.02.2013
comment
@joeltine Привет, я только что добавил дополнение ... не могли бы вы помочь мне взглянуть? Благодарю вас!   -  person jackhao    schedule 08.02.2013

Ответы (1)


arrow_upward
0
arrow_downward

Это работает?

$(function(){
    $('.review').popover({ 
        placement: 'in right',
        html: true,
        title: 'Reviews',
        content: function(){
           return $('.review-content').html()
        }
    }).click(function(id,data){
        (".popover-content input").rating({"readOnly":true}); 
    });    
});
person joeltine    schedule 08.02.2013
comment
Трудно сказать, потому что всплывающее окно не поддерживает в качестве содержимого ничего, кроме строки. Короче говоря, не похоже, что вы сможете встроить плагин в всплывающее окно с крючками, которые в настоящее время дает всплывающее окно. - person joeltine; 08.02.2013
comment
Действительно? Я этого не знал. Хорошо, я думаю, мне нужно использовать какой-то другой способ наведения, чтобы сделать это... спасибо! - person jackhao; 08.02.2013