取消引导的下拉菜单 并单击默认关闭事件方法

事件

我在一个div中生成一个多级列表，需要多次点击列表才能找到对应的列表项。默认情况下，在下拉菜单中单击一次后，引导将消失。

单击右侧的按钮，弹出一个多级列表

代码如下：

div class=' drop down ' a href=' # ' rel=' external no follow ' data-toggle=' drop down ' I class=' fa fa-cogfa-2x '/I/a div class=' drop down-menujq 22-container ' div id=' treeview ' class=' '

第一步

在下拉菜单中将data-stopperpagation=“true”添加到要处理的元素中，data-stopperpagation属性用于在单击时停止传播事件，这样我们的单击事件就不会传播到Bootstrap.js

第二步

调用Bootstrap的stopPropagation()函数可以防止在元素单击时事件停止。

我在代码中粗略地写了一下，为整个树形视图声明了一个click事件，并绑定了所有的stopPropagation()方法。

$('.treeview’)。on('click ')，函数(e){ e . stopperpagation()；})上面的取消Bootstrap的下拉菜单，点击默认方法关闭事件，是边肖与大家分享的所有内容。希望能给大家一个参考，支持我们。