3

我不知道如何让 Bootstrap 堆叠进度条的每个部分都显示一个弹出框或工具提示，最好是前者；但是，工具提示也可以。

在<div class="progress"></div>I can make a之外<div>，它会显示一个弹出框或工具提示，如下所示：

<div class="mypopover" title="" data-content="content here" data-placement="bottom" data-toggle="popover" data-original-title="title here">click to see popover</div>

<script type="text/javascript">
  $('.mypopover').popover();
</script>

…但是，这不起作用：

<div class="progress">
  <div class="bar bar-success mypopover" style="width:50%;" title="" data-content="victory" data-placement="bottom" data-toggle="popover" data-original-title="successful">SUCCESS!</div>
  <div class="bar bar-danger mypopover" style="width:50%;" title="" data-content="so sad" data-placement="bottom" data-toggle="popover" data-original-title="unsuccessful">failure</div>
</div>

<script type="text/javascript">
  $('.mypopover').popover();
</script>

你如何让弹出框（或工具提示）在堆叠的进度条的部分上工作？谢谢你的帮助！

4

1 回答 1

2

似乎在这里工作正常：

小提琴（引导程序 3）

小提琴（引导程序 2.3）

HTML：

<div class="progress">
  <div class="progress-bar progress-bar-success mypopover" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" title="" data-content="content here" data-placement="bottom" data-toggle="popover" data-original-title="title here" style="width: 40%">
  </div>
</div>
<div class="progress">
  <div class="progress-bar progress-bar-info mypopover" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" title="" data-content="content here" data-placement="bottom" data-toggle="popover" data-original-title="title here" style="width: 20%">
  </div>
</div>
于 2013-08-20T17:59:57.587 回答