jquery rating-plugin 在 bootstrap popover 中不起作用

Question

我正在使用 jQuery 评级插件 ( http://wbotelhos.com/raty )。如果我将它放在 Bootstrap 弹出窗口中，它就不再工作，控制台中不会显示错误。它只显示“星星”，但没有任何功能。

我尝试了两种不同的评级插件 - 都无法在弹出窗口内工作。

HTML:

<button id="popup_rating" data-container="body" data-html="true" data-trigger="click" data-placement="top" data-title="Rating" class="btn rating">Rating</button>
<div id="popover_content_wrapper" class="hide">
        <div id="star"></div>
</div>

js:

<script>
    $(function () {

        ...

        $("#popup_rating").popover({
            content: function() {
              return $('#popover_content_wrapper').html();
            }
        });  
        $('#star').raty();

    })
</script>

Answer 1

我自己修复了它，并将所有内容放入 data-content-attribute 中:

<button id="popup_rating"  data-container="body" data-html="true" 
data-trigger="click" data-placement="top" data-title="Rating" class="btn rating" 
data-content="Hallo: <div id='star'></div><script>$(function () { 
$('#star').raty({ path: 'js/' }); } </script>">Rating</button> 

不确定这是否是一种优雅的方式，但它确实有效:-)