为什么单击按钮时我无法显示此BootStrap弹出窗口？

Question

我在Twitter BootStrap中很新，我有以下问题。

我正在尝试将此示例实现到JSP页面中：http://www.w3schools.com/bootstrap/bootstrap_popover.asp

所以我只是将这段代码添加到JSP页面中：

<a href="#" data-toggle="popover" title="Popover Header" data-content="Some content inside the popover">Toggle popover</a>

我已将此JQuery函数添加到导入上一个JSP页面的JavaScript文件中：

$('[data-toggle="popover"]').popover();  

问题在于它无法正常工作，当我点击按钮时，弹出窗口未显示，我在 http://localhost:8080/WIFIPNSD/validazione# 的网址中滚动页面到顶部。

为什么呢？我错过了什么？如何解决此问题并显示此弹出窗口？

Answer 1

该链接无法访问，因为它指向您的本地网络。请使用JSFiddle或类似的或发布您的整个代码，以便我们可以确切地看到出了什么问题。

可能的问题/解决方案：

1. 您的代码在DOM准备好之前正在执行。尝试将其包装在$（function（）{/ *你的代码在这里* /}）;
2. 您没有包含资源。确保您的文档中包含jQuery和bootstrap标记，以便您可以使用这些工具。还要确保包含引导样式表。请参阅您列出的页面中的示例，以了解您应该包含哪些内容（[1]：http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_popover&stacked=h＆＃34;链接＆＃34;）
3. popover显示在您的其他元素后面。确保popover元素的z-index高于页面上的其他元素。