jquery append元素之后 点击事件失效

原因：append中的节点是在整个文档加载完之后开始添加，页面不会为append的元素初始化添加点击事件。

解决方案：事件委托方式解决，在选择元素上绑定一个或多个事件的事件处理函数。

   html代码:
     <dl class="layui-nav-child kq-sys"></dl>
 
   jquery代码:
    var qsSystem = ["考勤记录","请假申请","请假记录","加班申请","加班记录","出差申请","出差记录","我的假期"];

    for(var i=0;i<qsSystem.length;i++){
      $(".kq-sys").append("<dd><a href='javascript:;'>"+qsSystem[i]+"</a></dd>");
    }  //根据后台传递的信息进行前台子选项的填充

    //给dd绑定事件委托
     $(".kq-sys").on("click","dd",function(){  考勤系统子选项点击事件开始
      var title = $(this).children().html();  //获取每个标题的文本，用来进行判断
      alert(title);
    });