Javascript 如何在默认情况下打开引导菜单？

我有一个带有“Bootstrap3.3.7”的站点，我希望菜单在默认情况下打开

以下是我的HTML代码：

<div id="#block-menuprincipal">
<ul class="nav navbar-nav">
  <li class="dropdown">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fas fa-plus-circle fa-lg"></i> Menu principal</a>
    <ul class="dropdown-menu">
      <li>
        <a href="/profil" data-drupal-link-system-path="profil"><i class="fas fa-id-card fa-lg"></i> Profils</a>
      </li>
      <li>
        <a href="/boutique" data-drupal-link-system-path="boutique"><i class="fas fa-shopping-bag fa-lg"></i> Boutiques</a>
      </li>
      <li>
        <a href="/produit" data-drupal-link-system-path="produit"><i class="fas fa-gift fa-lg"></i> Produits</a>
      </li>
      <li>
        <a href="/service" data-drupal-link-system-path="service"><i class="fas fa-sign-language fa-lg"></i> Services</a>
      </li>
      <li>
        <a href="/groupe" data-drupal-link-system-path="groupe"><i class="fas fa-users fa-lg"></i> Groupes</a>
      </li>
      <li>
        <a href="/annonce" data-drupal-link-system-path="annonce"><i class="fas fa-newspaper fa-lg"></i> Annonces</a>
      </li>
      <li>
        <a href="/article" data-drupal-link-system-path="article"><i class="fas fa-file-alt fa-lg"></i> Articles</a>
      </li>
      <li>
        <a href="/discussion" data-drupal-link-system-path="discussion"><i class="fas fa-comments fa-lg"></i> Discussions</a>
      </li>
      <li>
        <a href="/recette" data-drupal-link-system-path="recette"><i class="fas fa-utensils fa-lg"></i> Recettes</a>
      </li>
      <li>
         <a href="/itineraire" data-drupal-link-system-path="itineraire"><i class="fas fa-map-signs fa-lg"></i> Itinéraires</a>
      </li>
      <li>
        <a href="/evenement" data-drupal-link-system-path="evenement"><i class="fas fa-calendar fa-lg"></i> Événements</a>
      </li>
    </ul>
  </li>
</ul>
</div>

我想用JS打开，但我不知道代码：

$("#block-menuprincipal .dropdown").dropdown('show');
});

上面的代码不起作用，因为类open被添加到

中，通常她应该被添加到

这是你必须点击左上角菜单的页面链接。默认情况下应打开“主菜单”

更新

经过多次测试后，塌陷会导致菜单关闭

我添加了以下代码以在折叠后打开菜单，但它不起作用：

$('#navbar-collapse-first').on('show.bs.collapse', function () {
       $('#block-menuprincipal .dropdown').dropdown('show');
})

您可以这样做：

我更改了jquery：

$（'#block menuprincipal'）.on（'show.bs.collapse'，function（）{
$（this.find（“.dropdown toggle”）.dropdown（“toggle”）；
});

菜单




























哪里是
视图管理菜单
@guradio它是drupal上的一个块。如果存在此功能块，默认情况下菜单必须打开您使用的是哪个菜单？定制菜单？还是引导菜单？@mathieu，检查一下我做的这把小提琴，只是想举例说明你的情况，告诉我它和你的问题有什么区别。请注意，我在主导航栏中添加了一个“id”，并在其中添加了“视图管理菜单”类。我更新了我的问题我用一个更简单的代码和一个到我网站的链接更新了我的问题。我测试了你的代码，但它对我不起作用。可能是因为“折叠”菜单检查我编辑的答案“Show”用于在引导中向元素添加“display:block”属性，如果你想添加“Show”类，则将其添加到“.dropdown menu”而不是“.dropdown”$（“#导航栏先折叠。dropdown.dropdown menu”）.addClass（'Show'）；我的代码不工作的想法是打开菜单后折叠折叠。你觉得怎么样？我用一个更简单的代码和一个到我网站的链接更新了我的问题。我测试了你的代码，但它不适合我。
$('#navbar-collapse-first').on('show.bs.collapse', function () {
       $('#block-menuprincipal .dropdown').dropdown('show');
})

$(function() {
   $('ul[class="navbar-nav"] li[class="dropdown"]').addClass('open');
});