为了账号安全,请及时绑定邮箱和手机立即绑定

为什么ajax加载出来的html,无法用选择器绑定事件?

标签:
AngularJS


问题:使用Ajax异步请求页面,正常显示,但是页面上的按钮,无法添加点击事件

分析:Ajax异步加载的,整个页面加载完成后,找不到你异步加载的DIV或者事件。

*解决:使用 delegate() 方法的事件处理程序**

            delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。

            使用 delegate() 方法的事件处理程序适用于当前或未来的元素(意思是:可以为生成的页面添加事件)。

使用:向未来的(新生成的)元素添加事件处理程序

</script>

$(document).ready(function(){

  $("div").delegate("p","click",function(){

    $(this).slideToggle();

  });

});

</script>

©著作权归作者所有:来自51CTO博客作者爱情89757的原创作品,如需转载,请注明出处,否则将追究法律责任


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消