AJAX(异步)加载后jquery的on事件失效解决方法

jquery1.7以事不再支持.live(),这里也不做说明,jquery1.7+全部使用.on()处理,但很多时候ajax加载内容.on事件无法激活.其他解决方法很简单,只要绑定其他不变的父级元素即可.如果想方便些直接绑定在body即可。例:$('body').on('click','.J_ajax_del',function(e){alert(111);});.J_ajax_del是需要处理事件的元素,body是父级元素,这里很容易写反了,需要注意。

  1. 开发教程
  2. JavaScript
2019-01-07 22:36:04 0
Generic placeholder image
Top-aligned media
广州 | 设计爱好者

关注私信

jquery1.7以事不再支持.live(),这里也不做说明,

jquery1.7+全部使用.on()处理,但很多时候ajax加载内容.on事件无法激活.其他解决方法很简单,只要绑定其他不变的父级元素即可.如果想方便些直接绑定在body即可。

例:

$('body').on('click','.J_ajax_del', function (e) {alert(111);});

.J_ajax_del是需要处理事件的元素,body是父级元素,这里很容易写反了,需要注意。