![](/img/trans.png)
[英]React bootstrap prevent dropdown menu from closing on dropdown item select
[英]Prevent Dropdown menu from closing if I click a menu item
我在侧边栏中有一个下拉菜单,它有链接作为菜单项。 当我单击菜单项(链接)时,链接可以正常工作,但下拉菜单会关闭。
但我希望该下拉菜单即使在单击菜单项后也保持打开状态。
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();
});
但这两种方式都行不通。
请帮我解决它。
试试这个确保把你的下拉ID放在那里
$('#dropdownid').on('hide.bs.dropdown', function () {
return false;
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.