我有一个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恢复正常工作。
答案 0 :(得分:1)
问题解决了。
我将以下命令添加到我的Joomla 模板的 index.php 。
JHtml::_('jquery.framework');
现在,在加载iframe包装页面之后,JQuery(bootstrap所需)也可以在Joomla中运行。
我在posting中找到了解决方案:
答案 1 :(得分:0)
不要加载Jquery两次。只加载一次, Twitter Bootstrap Hover Dropdown 或 iframe-Wrapper