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;
});

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

1 个答案: