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

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1bef570-31c64.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1bef570-31c64.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?