jQuery 使用append动态添加的 元素不触发 已定义的 点击事件

1、问题描述：

用 append 动态添加的 元素 不触发定义好的 点击事件，而原来页面上就有的元素可以触发

<div class = "tree">
    <ul class = "tree_ul">
        <a class="ne_font">弹窗</a>
    </ul>
</div>

<script>
    $('.ne_font').click(function () {
        console.log($(this))
    });
    va = `<a class='ne_font'>'append测试'</a>`;
    $(".tree").append(va);

</script>

2、解决：

用 on 方法绑定事件

$("body").on("click",".ne_font",function(){
        alert("test alert");
        console.log($(this))
});

参考别人网址：https://blog.csdn.net/qq_36769100/article/details/79164356