加载 Iframe-Wrapper 时，Bootstrap DropDownMenu 不起作用

Posted 2023-05-09

【中文标题】加载 Iframe-Wrapper 时，Bootstrap DropDownMenu 不起作用

【英文标题】：Bootstrap DropDownMenu does not work when Iframe-Wrapper is loaded

【发布时间】：2015-08-07 20:07:03

【问题描述】：

我有一个在其模板中使用 Twitter Bootstrap Hover Dropdown 插件的 Joomla 网站。

我使用 php 和 javascript (JQuery) 向这个 Joomla 项目添加了一些页面。该页面与 Iframe-Wrapper 链接。

打开显示此类外部页面的 Joomla 菜单链接后，Bootstrap 下拉菜单失去其功能。

现在我发现，无论我在包装器中是否使用 JQuery，Bootstrap 下拉菜单的功能都直接由 Joomla 的 Iframe-Wrapper 引起。

我将一个简单的页面加载到 Iframe-Wrapper 中。此页面不加载 JQuery，也不使用任何 JavaScript。结果是一样的：

加载 Iframe-Wrapper 后，Bootstrap 下拉菜单停止工作。

单击另一个菜单项（未链接到 Iframe-Wrapper）后，DropDown 恢复正常工作。

【参考方案1】：

问题解决了。

我在我的 Joomla 模板的 index.php 中添加了以下命令。

Jhtml::_('jquery.framework');

现在 JQuery（bootstrap 需要）在加载 iframe-wrapper 页面后也可以在 Joomla 中工作。

我在posting找到了解决方案：

【参考方案2】：

不要两次加载 Jquery。仅加载一次，即 要么 使用 Twitter Bootstrap Hover Dropdown 或 使用 Iframe-Wrapper

【讨论】：

好的，我可以从我的 PHP 项目中删除加载 JQuery 的命令。但当然，如果 JQuery 已经加载，则不应该加载它。如何才能做到这一点？如何检查 JQuery 是否已经加载？

在浏览器上查看您网站的源代码。无论是否包含，您都可以到达那里。