javascript - 在 Javascript 中单击之前执行按钮方法

Question

document.write(
  '<button class="list" href="#X1" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"> Home </button>'+
  '<div class="collapse list-unstyled" id="X1">'+
     '<a href="'+myArray[0][0]+'" class="'+myArray[0][1]+'" > Site 1 </a> '+
     '<a href="'+myArray[1][0]+'" class="'+myArray[1][1]+'" > Site 2 </a> '+
  '</div>'
);

我有一个导航菜单，其中包含充满链接的子菜单。无论用户当前位于哪个页面，我都希望展开特定的子菜单(默认情况下它将被压缩)

在上面的代码中，当用户单击菜单项时，子菜单将打开。无论如何，我可以在用户不点击它的情况下打开这个子菜单吗？使用BOOTSRAP SideNav进行导航，所以有点困惑

将 aria-expanded="false" 设置为 aria-expanded="true" 不起作用

Answer 1

您可以将类 show 添加到要展开的 div.collapse 中。

示例:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
  
<a class="btn btn-primary" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
  Menu
</a>
<div class="collapse show" id="collapseExample">
  <div class="card card-body">
    Submenu
  </div>
</div>