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" 不起作用
最佳答案
您可以将类 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>
关于javascript - 在 Javascript 中单击之前执行按钮方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61112228/