Bootstrap切换菜单展开加载页面

Question

我有一个导航栏，其下拉菜单可与悬停完美配合。但是在智能手机上，我不想点击打开下拉菜单，只要点击切换菜单按钮就可以自动打开它。

我已经尝试了一些我在这里发现的代码片段，但没有设法适应任何问题。

Answer 1

只需在标记中将类“in”添加到具有折叠导航栏折叠类的元素即可。

<nav class="collapse navbar-collapse in" role="navigation"> 

从上Collapse插件的引导文件：

务必类崩添加到可折叠的元素。如果你想它默认开启，在添加其他类

编辑：

对不起，我误解了问题。这是一个DEMO。

要打开子菜单，@scooterlord是正确的，但诀窍是您需要使用正确的事件。如果尝试将开放类添加到切换点击事件的下拉类元素中，它将不起作用，因为当切换导航栏时，下拉菜单会自动关闭。所以，你必须等待，直到崩溃尽显：

$('.collapse.navbar-collapse').on('shown.bs.collapse', function(){ 
    $('.dropdown').addClass('open'); 
});