为什么ajax加载出来的html,无法用选择器绑定事件?-创新互联
问题:使用Ajax异步请求页面,正常显示,但是页面上的按钮,无法添加点击事件
分析:Ajax异步加载的,整个页面加载完成后,找不到你异步加载的DIV或者事件。
*解决:使用 delegate() 方法的事件处理程序**
delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。
使用 delegate() 方法的事件处理程序适用于当前或未来的元素(意思是:可以为生成的页面添加事件)。
使用:向未来的(新生成的)元素添加事件处理程序
$(document).ready(function(){
$("div").delegate("p","click",function(){
$(this).slideToggle();
});
});
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
本文名称:为什么ajax加载出来的html,无法用选择器绑定事件?-创新互联
文章链接:http://myzitong.com/article/depdjs.html