继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

holdtom
关注TA
已关注
手记 1703
粉丝 240
获赞 991


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

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

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

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

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

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

</script>

$(document).ready(function(){

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

    $(this).slideToggle();

  });

});

</script>

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


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP