单击内部时如何关闭 Primer.css 下拉菜单?
How to close a Primer.css dropdown when click inside?
Primer.css 文档说明了在选项内部单击时如何显示菜单而不是如何隐藏菜单。
https://primer.style/css/components/dropdown
<details class="dropdown details-reset details-overlay d-inline-block">
<summary class="btn" aria-haspopup="true">
Dropdown
<div class="dropdown-caret"></div>
</summary>
<ul class="dropdown-menu dropdown-menu-se">
<li><a class="dropdown-item" href="#url">Dropdown item</a></li>
<li><a class="dropdown-item" href="#url">Dropdown item</a></li>
<li><a class="dropdown-item" href="#url">Dropdown item</a></li>
</ul>
</details>
当单击“下拉菜单”元素时,您可以轻松删除“下拉菜单”class 的“打开”属性,从而为所有文档下拉菜单获取它。
这是一个快速 JQuery 代码:
$('.dropdown-menu').click(function() {
$('.dropdown').removeAttr("open");
});
Primer.css 文档说明了在选项内部单击时如何显示菜单而不是如何隐藏菜单。
https://primer.style/css/components/dropdown
<details class="dropdown details-reset details-overlay d-inline-block">
<summary class="btn" aria-haspopup="true">
Dropdown
<div class="dropdown-caret"></div>
</summary>
<ul class="dropdown-menu dropdown-menu-se">
<li><a class="dropdown-item" href="#url">Dropdown item</a></li>
<li><a class="dropdown-item" href="#url">Dropdown item</a></li>
<li><a class="dropdown-item" href="#url">Dropdown item</a></li>
</ul>
</details>
当单击“下拉菜单”元素时,您可以轻松删除“下拉菜单”class 的“打开”属性,从而为所有文档下拉菜单获取它。
这是一个快速 JQuery 代码:
$('.dropdown-menu').click(function() {
$('.dropdown').removeAttr("open");
});