引导下拉手机奇怪的行为

我使用引导和joomla，并得到了一个非常奇怪的问题...如果我使用“正常”导航，一切工作正常..如果我减少浏览器窗口的大小崩溃的菜单图标显示。如果我点击它显示菜单和下拉菜单。如果我只是点击它而不移动任何东西，没有任何反应......如果我移动鼠标，子项显示...引导下拉手机奇怪的行为

最奇怪的部分是...在手机上我可以打开折叠菜单，但如果我点击下拉菜单什么也没有发生......如果我经常触摸到箭头的菜单显示出来，如果我放大非常宽...

我要疯了！

你可以找到

http://buero.marketing-inspiration.com/mutpol_de_neu/

页谢谢您的帮助！

来源

2015-07-21 Micha

您的模板正在加载两个不同版本的Bootstrap js，Joomla's（2.3.2）和3.3.1。我希望这会导致一些方面的问题。

无论你走到哪里，你都需要确保你使用的标记符合你所使用的Bootstrap版本。

就我个人而言，我会使用当前的Bootstrap并使用系统插件禁用Joomla版本。我强烈推荐这一个：

https://github.com/phproberto/plg_sys_mootable

来源

2015-07-22 07:22:55

谢谢你，我试过插件，但没有任何更改的行为:) – Micha

你必须启用插件，然后添加路径到你想要删除的脚本，例如/media/jui/js/bootstrap.min.js，在插件设置中。 –

您可以尝试在CSS代码来具体解决方案禁用解决这个问题，启用或添加不同的CSS CONFIGS这样的：

@media (max-width: 767px) { 
    .uk-dropdown-grid > [class*='uk-width-'] { 
    width: 100%; 
    } 
    .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) { 
    margin-top: 30px; 
    } 
}

来源

2015-07-22 17:07:39 Max

嘿...谢谢你的建议...我知道我可以用这个改变不同分辨率的行为。但这并不能解决我的问题......它并不取决于解决方案。如果我在我的PC上“模拟”firefox中的小分辨率，下拉菜单将显示出来......如果我在我的智能手机上试用它（android/chrome），则什么都不会发生...... – Micha

引导下拉手机奇怪的行为

回答

相关问题