Written by jq used in angular2, click events should be added to append's div, but dynamically added div cannot bind events. How to solve this problem?

$("- sharpsel") .blur (function () {

        $("-sharpitems").css({
            "display": "none"
        })

        $("input[type="checkbox"]:checked").each(function (elementId) {
            
            a.push((<HTMLInputElement>this).value); //push 
            b.push((<HTMLInputElement>this).value); //push 
            for (const key in a) {
                if (a.hasOwnProperty(key)) {
                    $("-sharpwal2").append("<lable class="gongan">" + a[key] + "<span class ="span" style="display: inline;" onclick="cli1(this)">" + "X" + "</span></lable>")
                    //                            console.log($("-sharpwal2"));
                }
            }
            a = [];
        });

        //                console.log(b);
        obj.gongan = b.join(",");
        console.log(obj);
    })
Feb.28,2021

$("-sharpsel").on('blur', function() {
    xxxxx
})

jq uses on to delegate events, and only dynamically generated div has trigger events

Menu