快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

为什么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,无法用选择器绑定事件?-创新互联
分享URL:http://6mz.cn/article/depdjs.html

其他资讯