bootstrap popover中的星级评分

Question

有没有办法在bootstrap popover中添加星级？

我试过这样做但是我没有得到伯爵 -

代码 -

$('#member1').popover({
    html: true,
    placement: 'bottom',
    content: function() {
        return $($(this).data('contentwrapper')).html();
    }
}).click(function() {
    $('.star').each(function(el) {
      $(this).raty('destroy');
        $(this).raty({

            starOff : 'http://wbotelhos.com/raty/lib/images/star-off.png',
            starOn : 'http://wbotelhos.com/raty/lib/images/star-on.png',
            start: $(this).attr('data-rating')
        });

    });
});

http://jsfiddle.net/x9WhH/3/

有没有更好的解决方案？

我想要这样的结果 -

Answer 1

我无法将您的示例图片与小提琴相关联？但是，认为行/ col标记以某种方式破坏了popover，为什么不只是

<div class="contentEval">
   <div class="ratings star" id="rating1" data-rating="1"></div>
</div>

然后，请参阅raty docs - ＆gt; http://wbotelhos.com/raty/您需要创建一个事件，您可以将所选评级转回data-range属性：

..
click: function(score, evt) {
  $('#member1').popover('hide');                   
  $(this).attr('data-rating', score);
  alert('your rating is : '+$('.star').attr('data-rating'));
}
..

见分叉小提琴 - ＆gt;的 http://jsfiddle.net/4C5W6/