Bootstrap 3 多级下拉菜单不适用于移动设备。我在 StackOverflow 中检查了很多解决方案。该解决方案适用于桌面而不适用于移动设备。以下是多级下拉菜单的最佳解决方案。
Bootstrap 3 dropdown sub menu missing
https://github.com/djokodonev/bootstrap-multilevel-dropdown
$('ul.dropdown-menu [data-toggle=dropdown]').on('click', function(event) {
// Avoid following the href location when clicking
event.preventDefault();
// Avoid having the menu to close when clicking
event.stopPropagation();
// If a menu is already open we close it
$('ul.dropdown-menu [data-toggle=dropdown]').parent().removeClass('open');
// opening the one you clicked on
$(this).parent().addClass('open');
});
以上代码适用于桌面。
实例:http://rahulmoral.com/portfolio/essanet/
请在移动设备上查看。二级下拉菜单不适用于移动设备。
最佳答案
它实际上工作得很好。您需要滚动才能看到展开的菜单。但是,要让它按照您的意愿工作,只需覆盖 max-height
:
.navbar-collapse {
max-height: none;
}
关于javascript - Bootstrap 3 多级下拉菜单在移动设备中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41574912/