Question

所以我想要的是使用popovers作为信息弹出窗口，这是我使用的代码：

<li>Commercial Use <a href="#" data-toggle="popover" title="" data-content="And here's some amazing content. It's very engaging. right?" role="button" data-original-title="A Title"><i class="fa fa-question-circle"></i></a></li>

它将我链接到＃

这是我的页脚：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="/js/bootstrap.js"></script>

之前在我的脑海中，但是我把它移回了页脚，因为我认为这可能是问题所在。

我已尝试过http://getbootstrap.com/javascript/#popovers的标准代码，但这也不起作用！如果你转到http://getbootstrap.com/javascript/#popovers，你会发现需要包含工具提示插件，但是当你转到http://getbootstrap.com/javascript/#js-individual-compiled时，你会看到根据引导程序：

bootstrap.js和bootstrap.min.js都包含单个文件中的所有插件。只包括一个。

我现在几乎失去了。

我希望有人可以帮助我。

提前感谢，

MrBlackDrag0nfly

Answer 1

我不确定问题出在哪里，请确保：

（1）你已经包含了bootstrap css

（2）尝试插入数据容器attr。和＆＃34; id＆＃34;就这样：

<li>Commercial Use <a href="#" id="myPopovers" data-toggle="popover" title="" data-content="And here's some amazing content. It's very engaging. right?" role="button" data-original-title="A Title" data-container="body"><i class="fa fa-question-circle"></i></a></li>

（3）从bootstrap，它说：

**Opt-in functionality**
For performance reasons, the Tooltip and Popover data-apis are opt-in, meaning you must       initialize them yourself.

这意味着你应该通过JavaScript初始化它：

$(document).ready(function(){
  $("#myPopovers").popover(); // or $("#myPopovers").popover('show');
});

Bootstrap popover无法在我自己的网站上运行

1 个答案: