下拉菜单是bootstrap中常用的下拉菜单，在点击下拉菜单的任意位置时默认关闭下拉菜单框，显然不能满足很多用户的需求。点击要点击的地方后如何关闭下拉框？下面是对该方法的简单介绍，例如制作一个下拉框来过滤查询。下拉菜单如下所示：

解决方法：

要操作的指定元素的单击事件停止传播—定义属性值数据的元素停止传播单击时事件停止传播。

//下拉框查询组件不关闭下拉框$(“body”)。on ('click '，'[data-stop propagation]'，函数(e){ e . stop propagation()；});然后在需要点击不关闭的标签下添加属性data-stoppropagation="true "。

div Class=' supplier _ search _ category drop down-header ' id=' supplier _ search _ Li ' data-stopper propagation=' true ' query:input type=' text ' id=' category _ search _ text ' Class=' search _ text '/div bootstrap中不关闭下拉菜单问题的上述解决方案是与大家分享的全部内容。希望能给大家一个参考，多支持我们。