Bootstrap 3.0.3：下拉菜单项不可点击移动

在我的website下拉菜单中的链接不适用于移动设备（Android和iOS）。这意味着当我点击桌面上的菜单项时，它可以正常工作，并且当我点击iPod touch上的相同项目时，它只会关闭下拉菜单并且什么也不做。父项目运作良好。Bootstrap 3.0.3：下拉菜单项不可点击移动

例如：当我按下'Activiteiten'然后按'Wandelroute'时，手机上没有任何事情发生。当我在320px的宽度（如移动设备的宽度）上绘制窗口（在桌面上）时，该菜单正常工作。我怀疑我的代码是导致问题还是移动设备。

我试过到目前为止：

我把jQuery和引导正确的顺序;
Included bootstrap-dropdown.js;
包括以下代码：

.dropdown-背景 {位置：静态的; }

然后还有其他奇怪的事情。在同一网站的this页面上，菜单在移动设备上可以正常工作。我完全不知道这个网页与其他网站有什么不同。

我使用的是Joomla 3.x，jQuery 1.11.1和Bootstrap 3.0.3。

来源

2014-11-08 Max

我相信这可能是事做与在浏览器控制台带来抛出的错误，这是从该代码来：

$('.dropdown-menu').on('touchstart.dropdown.data-api', (e) -> 
    e.stopPropagation())

你应该找到这在的index.php的您的模板文件夹。一旦找到，做以下修改：

$('.dropdown-menu').on('touchstart.dropdown.data-api', function(e){ 
    e.stopPropagation(); 
});

希望这有助于

来源

2014-11-08 23:07:09 Lodder

谢谢，我已经更新了代码。我从这里https://github.com/twbs/bootstrap/issues/4550#issuecomment-8684262拿到了这段代码，但它似乎没有工作。也许是因为它是为较早版本的Bootstrap（2）编写的。现在控制台中再也没有错误了。 – Max 2014-11-09 09:32:46

发现我的错误：我用引导的“Joomla'版本在我的网站。该版本由Joomla插件程序员针对Joomla进行了优化。现在我使用Bootstrap 3的传统版本，我的菜单再次正常工作。

来源

2014-11-09 16:15:18 Max

Bootstrap 3.0.3：下拉菜单项不可点击移动

回答

相关问题