JS click事件失效问题

前端菜鸟，mark一下今天自己编写脚本代码时遇到的问题

利用js 加入脚本，之前解决了弹窗问题，现在发现弹窗后的，窗口里面的内容点击onclick事件失灵了，猜测是移动端不响应点击事情造成的，具体原因由于时间问题就没有深追了，后续有时间再查看是什么原因。

于是使用了

$(".a").live.("click",function(){
    alert("关闭！");
});

a是需要触发点击事情的div块内的class属性内容。

这种方式来触发事情，结果发现成功了。在今天的继续挖坑过程中，发现局部刷新弹窗后click竟然再次失效了，找了一个下午才发现原因元素在绑定之前已经执行了，局部刷新后找不到该元素，故点击后不会触发click的内容。

然后各种百度，发现可以用

$(".a").live.("click",function(){ 
    alert("关闭！"); 
});

这个方法来解决，但是测试发现还是不行。继续百度发现是 live方法在1.7中已经不建议使用，在1.9中删除了这个方法，并建议使用on方法来替代。原文链接在这：https://blog.csdn.net/ylxd_class/article/details/78789827

于是改成：

$(document.body).on("click",".a", function(){
    alert("关闭！");
});

测试结果是可以使用的，这种方法在局部刷新后依旧可以绑定到新的同一个元素。