jquery 关于使用 append 追加 元素后 事件无法触发

原因：append中的节点是在整个文档加载完之后开始添加，页面不会为append的元素初始化添加点击事件，故使用这种方式动态添加的节点中的click事件没有生效。

解决方案：事件委托方式解决，将指定的事件绑定在document上或者绑定到一开始存在的其它元素身上，只要append元素符合指定的元素，就会绑定此事件 。
 

function loadLevel(Id, i) {
    var ajaxurl = "{:url('wap/apply/ajax_return')}";
    $.get(ajaxurl, { 'pid': Id }, function (data) {
            $.each(JSON.parse(data), function (no, items) {  
                $('.skillLevel ul').append('<li><input type="hidden"  value="'+items.id + '">'+items.cat_name + '</li>');
         });
   });
}
 $(".step-2 li").click(function () {
            var val = $(this).find("input").val()
            $(".step-2").css("display", "none");
            $(".step-2-2").css("display", "block");
            $(".mui-title-c