引导3.0.3:下拉菜单-在移动上不可点击的项目
引导3.0.3:下拉菜单-在移动上不可点击的项目
提问于 2014-11-08 22:12:50
在我的网站上，下拉菜单中的链接不适用于移动设备(Androidánd iOS)。这意味着，当我单击桌面上的菜单项时，它可以正常工作，当我单击iPod触摸上的相同项目时，它只是关闭下拉菜单，什么也不做。父项运行良好。
例如:当我按下'Activiteiten‘，然后按'Wandelroute’时，手机上什么都不会发生。当我(在桌面上)以320 my的宽度(就像移动设备的宽度)绘制我的窗口时，菜单就能工作了。我怀疑是我的代码导致了问题，还是移动设备造成了问题。
到目前为止我尝试过的是：
- 我把jQuery和Bootstrap放在了正确的顺序；
- 包括引导-dropdown.js.；
- 包括以下代码： .下拉-背景{位置:静态；}
还有另一件奇怪的事。在同一网站的这页面上，移动设备上的菜单功能正常。我完全不知道那一页和其他的有什么不同。
我正在使用Joomla3.x、jQuery 1.11.1和Bootstra3.0.3。
回答 2
Stack Overflow用户
发布于 2014-11-08 23:07:09
我认为这可能与浏览器控制台中引发的错误有关，该错误来自以下代码：
$('.dropdown-menu').on('touchstart.dropdown.data-api', (e) ->
e.stopPropagation() )您应该在模板文件夹的index.php中找到这一点。一旦找到，请更改为：
$('.dropdown-menu').on('touchstart.dropdown.data-api', function(e){
e.stopPropagation();
});希望这能有所帮助
Stack Overflow用户
发布于 2014-11-09 16:15:18
发现了我的错误:我在我的网站上使用了一个“Joomla”版本的Bootstrap。这个版本是由Joomla插件程序员为Joomla优化的。现在，我使用了引导带3的旧版本，我的菜单再次正常工作。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/26822669
复制相关文章
相似问题
腾讯云开发者
