3

我正在使用 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>
4

2 回答 2

0

有更简单的解决方案......只需在弹出窗口的末尾添加 .click 并调用 raty 如下例......就像一个魅力......我也以同样的方式添加了引导滑块

$('.popover-input-1').popover(
{
  html: true,
  trigger: 'click',
  content: $(".form-input-1").html()
}).click(function(){
//raty star rating  
  $('#star').raty();

//bootstrap slider
  $('#sl1').slider({
    formater: function(value) {
      return 'Current value: '+value;
    }
  });
});
于 2013-05-15T08:34:42.340 回答
0

我自己修复了它并将所有内容都放在数据内容属性中：

<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>

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

于 2013-04-25T06:47:45.343 回答