单击内部时如何关闭 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");
  });