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

Question

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

我尝试了一些我在这里找到的 sn-ps，但没有设法适应我的问题。

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');
});