我有一个 bootstrap 下拉菜单,当我使用放置在其中的网格时,我打开它并使其保持打开状态,当我在下拉区域外单击时可以关闭下拉菜单,但我想将其关闭按钮点击事件..
这是我的下拉列表的 html
<div class="dropdown">
<button class="btn dropdown-toggle col-md-3" type="button" data-toggle="dropdown">
Select Category
<span class="caret"></span>
</button>
<ul class="dropdown-menu col-md-7" onClick="event.stopPropagation();">
<div id="MaterialGridList" style="height:440px;"></div>
<button type="button" id="btnFilter" class="btn btn-sm btn-success">Filter</button>
</ul>
</div>
正如您在下拉菜单的 onClick 事件中看到的那样,它使它保持打开状态。所以我想做的是在 btnFilter 单击事件上关闭它。有任何想法吗?
原文由 Chris 发布,翻译遵循 CC BY-SA 4.0 许可协议
您可以在 --- 上使用
.dropdown
toggle
函数,里面有按钮: