事件
我在一个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的下拉菜单,点击默认方法关闭事件,是边肖与大家分享的所有内容。希望能给大家一个参考,支持我们。