0

我在 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();

问题是它无法工作，当我单击按钮时，弹出窗口未显示，在 URL 中我有http://localhost:8080/WIFIPNSD/validazione#并且页面滚动到顶部。

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

4

1 回答 1

0

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

可能的问题/解决方案：

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