jQuery 插入元素时绑定事件 或 已加载的html绑定事件

//已加载好的
$("user-news").click(function(){
    alert("");
});
<div class="user-center pull-right">
    <img class="member-drop-down cursor-hand" src="../app/images/main/member-drop-down.png" alt=""/>
    <img class="user-head user-news" src="../app/images/SMS/logo.png" alt=""/>
    <span class="">cutemiex:星星</span>
</div>

$('.switchMainModule').click(function(event){
    alert("fafa");
});
//动态插入的元素
$_li = $("#left-navigation").empty();
for (var num = 1; num <= navigation.length; num++) {
    var attrs = navigation[num - 1].text;
    var childs = navigation[num - 1].child;

    var $l_num = $("<h5 class='switchMainModule'></h5>").text(attrs);
    var $u_num = $("<ul class='sub-modules list-unstyled'></ul>");
}

//但是发现没有做用 click只绑定已加载好的元素 对动态加载的无效 之前版本可以用live()实现

$('.switchMainModule').live('click',function(event){
    alert("fafa");
});
//我用的jQuery 1.11.3中没发现live()方法 后来才发现live()用on() 代替了
//jQuery不能直接使用on绑定动态生成的元素，而是选择非动态生成的父类元素节点 然后再找到本身才能达到效果
$_li.on('click','.switchChildModule',function(event){
    $('li').removeClass('test-color');
    $(this).addClass('test-color');
});
//第一个参数是触发的方式 第二个参数是找到要谁执行