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

时间:2015-05-26 08:41:40

标签: jquery twitter-bootstrap iframe joomla

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

我使用PHP和Javascript(JQuery)为这个Joomla项目添加了一些页面。这些页面与Iframe-Wrapper链接。

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

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

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

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

点击另一个菜单项(未链接到Iframe-Wrapper)后,DropDown恢复正常工作。

2 个答案:

答案 0 :(得分:1)

问题解决了。

我将以下命令添加到我的Joomla 模板的 index.php

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

现在,在加载iframe包装页面之后,JQuery(bootstrap所需)也可以在Joomla中运行。

我在posting中找到了解决方案:

答案 1 :(得分:0)

不要加载Jquery两次。只加载一次, Twitter Bootstrap Hover Dropdown iframe-Wrapper