【问题标题】:bootstrap popover with jQuery rating(not showing up in popover....)带有 jQ​​uery 评级的引导弹出窗口(未显示在弹出窗口中......)
【发布时间】:2013-02-08 04:31:19
【问题描述】:

我正在使用带有此 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>

【问题讨论】:

  • 你能包含 .review-content 和 .review 标记吗?
  • @joeltine 您好,我刚刚添加了补充...您能帮我看看吗?谢谢!

标签: javascript jquery twitter-bootstrap yii popover


【解决方案1】:

这行得通吗?

$(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}); 
    });    
});

【讨论】:

  • 很难说,因为弹出框不支持任何内容,除了字符串。简而言之,您似乎无法使用当前提供的钩子将插件嵌入到弹出窗口中。
  • 真的吗?我不知道。好的,我想我必须使用其他悬停方式来执行此操作...谢谢!
猜你喜欢
  • 2016-02-20
  • 1970-01-01
  • 1970-01-01
  • 2015-02-16
  • 1970-01-01
  • 2020-08-01
  • 1970-01-01
  • 1970-01-01
  • 2021-03-07
相关资源
最近更新 更多