使用Bootstrap我在popover中插入了进度条(我用它来显示一些统计信息),但问题是进度条超出了popover的边框,这是我的代码:
$("#sword").popover({ trigger: "hover" , placement: 'top', html:true,
content: function() {return $("#ppf").html();}
});
<div class="hide" id="ppf">
<div class="container">
<h5 class="progress-label"> Others: </h5> <div class="progress" style="">
<div class="progress-bar" role="progressbar" aria-valuenow="66"
aria-valuemin="0" aria-valuemax="100" style="width:66%">66%</div>
</div>
<br/><br/>
</div></div>
我可以做的是让进度条留在弹出框的边框内,除了仍然响应。
答案 0 :(得分:0)
你需要创建一个剑元素然后设置ppf style =“display:none;”
这就是你的相同代码的例子
<div id="info" style="display:none;">
<div class="container">
<h5 class="progress-label"> Others: </h5>
<div class="progress" style="">
<div class="progress-bar" role="progressbar" aria-valuenow="66"
aria-valuemin="0" aria-valuemax="100" style="width:66%">66%
</div>
</div><br/><br/>
</div>
</div>
<button type="button" class="btn">
Popover on right
</button>