Bootstrap切换菜单在页面加载时展开

Question

我有一个带有下拉菜单的导航栏，可以与悬停完美配合。但是在智能手机上，我想让它在点击切换菜单按钮后立即自动打开，而不是点击打开下拉列表。

我已经尝试了一些我在这里找到的片段，但我们无法适应我的问题。

Answer 1

只需手动添加＆＃34;＆＃34;使用标记中折叠导航栏折叠类的元素。

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

来自Collapse插件的Bootstrap文档：

  

确保将类折叠添加到可折叠元素。如果您希望默认打开，请添加其他类。

修改

抱歉，我误解了这个问题。这是一个 DEMO 。

要打开子菜单，@ scooterlord是正确的，但诀窍是你需要使用正确的事件。如果您尝试使用切换点击事件的下拉类将元素添加到元素中，那么它将无法正常工作，因为当切换导航栏时，下拉列表会自动关闭。所以，你必须等到崩溃完全显示出来：

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