Jquery 单击动态内容时调用函数

嗨，我是新来的

我的要求是：

我和一些李有一个ul。单击li元素时，我必须填充另一个ul作为父li的子级。我成功地将ul添加到li，但当我单击new ul->li时，将调用父ul的函数。我试图添加$event.preventDefault，但仍不起作用。我走的方向对吗

html: 控制器：

$scope.dropmenu = function (category_id, level, has_child_category, $event) { 
    $.each(somearray[level], function (index, item) {
        $($event.target).append("<ul class='navigation'><li ng-click='dropmenu("+item.category_id+","+item.level+","+item.has_child_category+",$event);$event.preventDefault()'><p>"+item.category_name+"<i class='ion-chevron-down' ></i></p>"+item.name+"</li></ul>")
    }
}

提前谢谢。

我想你需要

event.stopImmediatePropagation()

它可以防止事件冒泡

我发现的编码示例：不是我的

event.stopImmediatePropagation()