Bootstrap - Popover

Question

我想在我的示例页面添加一些弹出窗口，下面的代码不起作用？我已经包含了CSS和bootstrap文件。当你点击它时，没有任何反应，但如果我在bootstrap网站上的例子中尝试它，那就好了..

我错过了什么？转盘工作正常，所以它们都正确连接了吗？

<button type="button" class="btn btn-lg btn-danger" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Click to toggle popover</button>

Answer 1

可能有几件事。由于你的按钮“数据”属性没问题，而且由于我看不到你的HTML源代码，我会试着猜测：

1. 确保您已在HTML中包含jquery库
2. 确保您已在HTML中包含bootstrap popover JS
3. 确保您已在HTML中包含bootstrap工具提示JS （弹出窗口需要包含工具提示插件）
4. 别忘了把它添加到JS“$（'[data-toggle = popover]'）。popover（）;”
5. 此外，您无法通过双击索引页面来测试它是否有效。您需要localhost服务器才能工作（例如MAMP，WAMP，XAMP，基于您正在使用的操作系统）。

如果这对您没有帮助，请将您的示例放在http://jsfiddle.net/或发送网址，以便我可以调查问题所在。

P.S。我在这里用工作示例编辑答案http://bootply.com/vxw2PDRBkA 如果删除该JS代码popover将停止工作。

Answer 2

试试这个

<a href="#" tabindex="0" class="btn btn-lg btn-danger" data-toggle="popover" data-trigger="focus" title="Dismissible popover" data-content="And here's some amazing content. It's very engaging. Right?">Dismissible popover</a>

用法 通过JavaScript启用弹出窗口：

$('#example').popover(options)

see an exemple here

Answer 3

添加＆＃34; pover＆＃34;到按钮的类

<button type="button" class="btn btn-lg btn-danger pover" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Click to toggle popover</button>