Question

我正在使用引导页面http://getbootstrap.com/javascript/#popovers-usage提供的代码，由于某种原因，我无法使弹出框工作。有人可以请帮助。这是我的傻瓜 http://plnkr.co/edit/ojSNWiSXOOSUw8xhehp4?p=preview

<button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="left" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
  Popover on left
</button>

<button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
  Popover on top
</button>

<button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Vivamus
sagittis lacus vel augue laoreet rutrum faucibus.">
  Popover on bottom
</button>

<button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="right" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
  Popover on right
</button>

Answer 1

要使用Bootstrap JS功能，您需要将它们转换为Angular指令。

AngularUI小组已经这样做了，所以你只需要使用Angular UI Bootstrap，在这种特殊情况下，他们需要使用popover指令。

Answer 2

如果你想使用popover而不是Angularjs指令，你必须启用它们

$(function(){
$('button').popover()
});

请参见此处：http://plnkr.co/edit/kZMsITSss22v19pbc0Zo?p=preview

如果您想使用角度UI Bootstrap使用popver，请参阅此处的演示：http://plnkr.co/edit/BB7V60qIgoo4D5U8igzb?p=preview

bootstrap data-toggle =＆＃34; popover＆＃34;不工作

2 个答案: