使用append出的标签用on绑定事件无效的解决方法

使用append出的标签用on绑定事件无效的解决方法

on方法中要先找到原选择器,再找到动态添加的选择器
如下,要给info-list中的动态添加的标签绑定事件

<div class="info-panel" id="china-panel">
    <div class="title">活动告警发现</div>
    <div class="info-list">
    </div>
</div>

    $("").append("<span class='num'>test</span>");

解决方法如下：

//先找到父级选择器，然后再动态添加
 $("#china-panel .info-list").on("click",".num",function(){
     alert(1);
 });