我正在使用 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>
最佳答案
我自己修复了它,并将所有内容放入 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>
不确定这是否是一种优雅的方式,但它确实有效:-)
关于jquery rating-plugin 在 bootstrap popover 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16193791/