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

Question

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

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

Answer 1

只需手动将类“in”添加到标记中带有折叠导航栏折叠类的元素。

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

来自 Collapse 上的 Bootstrap 文档插件:

Be sure to add the class collapse to the collapsible element. If you'd like it to default open, add the additional class in.

编辑:

抱歉，我看错了问题。这是一个 DEMO .

要打开子菜单，@scooterlord 是正确的，但诀窍在于您需要使用正确的事件。如果您尝试在切换的单击事件上将 open 类添加到具有下拉列表类的元素，它将不起作用，因为在切换导航栏时下拉列表会自动关闭。所以，你必须等到崩溃完全显示出来:

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