jquery - Bootstrap、弹出窗口不工作

Question

我想向该字形添加一个弹出框，但我无法让它工作。

HTML

<a href="#" data-toggle="popover" title="Popover Header" data-content="You must branch to this flow first, before you can return to the original flow"><span ng-show="flow.branched_from.length==0" class="glyphicon glyphicon-question-sign" aria-hidden="true" ></span></a>

在文件末尾:

<script>
  $(document).ready(function(){
     $('[data-toggle="popover"]').popover(); 
  });
</script>

我已将 bootstrap 包含在文件的开头。

我不明白我做错了什么，工具提示有效。

Answer 1

我认为这是因为您没有设置 data-placement 属性:

这是一个带有您自己的代码的 bootply，但添加了 data-placement='bottom'

bootply:http://www.bootply.com/1AvLR4cUag

代码:

<a href="#" data-toggle="popover" title="Popover Header" data-placement="bottom" data-content="You must branch to this flow first, before you can return to the original flow"><span ng-show="flow.branched_from.length==0" class="glyphicon glyphicon-question-sign" aria-hidden="true"></span>
</a>