如何避免引导下拉列表中的子元素的点击事件

Question

我在项目中使用bootstrap下拉列表。

<ul class="dropdown-menu">
            <li class="favProperties dropdown-submenu pull-left"><a href="#">Property</a>
<ul>
<li> property 1 </li>
<li> property 2 </li>
<li> property 3 </li>
</ul>
</li>
        </ul>

我在“ li”标签上具有类“ favProperties”的onclick事件。

$(".favProperties").on("click", function (e) {
alert("clicked");
});

当我单击父Li标签时，此工作正常。 但是，当我单击子Li标签时，也会触发此click事件。

如何避免这些点击事件。

Answer 1

$(".dropdown-menu li.favProperties").on("click", function (e) {
    e.preventdefault()
});

event.preventDefault（）方法停止发生元素的默认操作。event参数来自事件绑定函数。 preventDefault（）方法将取消事件（如果可取消），这意味着不会发生属于该事件的默认操作。