如果我单击菜单项，防止下拉菜单关闭

Question

我在侧边栏中有一个下拉菜单，它有链接作为菜单项。 当我单击菜单项（链接）时，链接可以正常工作，但下拉菜单会关闭。

但我希望该下拉菜单即使在单击菜单项后也保持打开状态。

HTML 代码：

<div id="sidebar-wrapper">
     <div class="sidebar-heading">Start Bootstrap </div>
     <div class="list-group list-group-flush">              
          <a href="{% url 'shop:admin_orders_list' %}">All orders</a>

          <button class="dropdown-btn button">Products
               <i class="fa fa-caret-down"></i>
          </button>

          <div class="dropdown-container">
               <a href="{% url 'shop:admin_products_list' %}">View Products</a>
               <a href="{% url 'shop:admin_product_create' %}">Add New Product</a>
          </div>   
     </div>
</div>

我尝试了以下两种方法：

$('div.dropdown-container a').on('click', function(e) {
        e.preventDefault();
});

$('div.dropdown-container a').on('click', function(e) {
        e.stopPropagation();
});

但这两种方式都行不通。

请帮我解决。

Answer 1

试试这个确保把你的下拉ID放在那里

$('#dropdownid').on('hide.bs.dropdown', function () {
    return false;
});