用jquery在元素上添加的样式,对当前ajax动态加载过来的一样的元素无效

本文介绍了一种解决jQuery中ajax加载的新元素无法触发原有事件监听的问题的方法。通过将事件监听器封装到一个函数中,并在ajax成功后重新调用该函数,确保了新追加的内容可以响应已定义的事件。

jquery的监听问题,ajax成功后append进来的数据不会被原先已经定义好的函数识别。对于这种情况,我一般采用将所有jquery函数归入一个函数中,然后在ajax的success函数内部调用这个函数,以识别新增数据。


$(document).ready(function(){
    function myListener(){
       $("#abc").click(function(){
             //dosomething
       });
      $("#getData").click(function(){
             $.ajax({
                   url:  url,   //url为变量
                   success:function(msg){
                         $("#feedback").append(msg);
                         myListener();  //监听,相当引入所有其中的函数。
                   }
             });
       });
  }
});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值