手记

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


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

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

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

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

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

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

</script>

$(document).ready(function(){

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

    $(this).slideToggle();

  });

});

</script>

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


0人推荐
随时随地看视频
慕课网APP