js动态添加的元素不能触发绑定事件解决方案

<script type="text/javascript" src="https://cdn.staticfile.org/jquery/1.11.0/jquery.min.js" ></script>

 正确实例

$('.table').on("click",'a.cancel',function(){
      alert(11)
});

错误实例

$('.cancel').on("click",function(){
      alert(11)
});

a标签是动态生成的。

监听事件需要绑定在a标签父元素，a标签直接绑定事件失效