Bootstrap - Popover

Question

我想要添加一些弹出窗口到我的示例页面，以下代码不起作用？我已经包含了CSS和引导程序文件。当你点击它时，没有任何反应，但是如果我在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

它可以是几件事。由于您的按钮"data“属性是OK的，而且我看不到您的HTML源代码，所以我将尝试猜测：

1. 确保你已经在HTML中包含了jquery库
2. 确保你已经在HTML中包含了bootstrap popover JS
3. 确保你已经在HTML中包含了bootstrap tooltip JS (popover需要工具提示插件才能被包含)
4. 不要忘记将其添加到JS jquery中，你不能仅仅通过双击索引页面来测试它是否工作。您需要本地主机服务器才能工作(例如MAMP、WAMP、XAMP，取决于您使用的操作系统)。

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

附注。我正在编辑答案与工作示例在这里http://bootply.com/vxw2PDRBkA，如果您删除JS代码弹出将停止工作。

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

将"pover“添加到按钮的类

<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>