javascript - Ajax异步加载,事件触发问题

问题描述

问 题

ajax异步加载部分页面(target-page)， target-page里面存在一个button,想给button设置一个onclick函数， 但是发现始终无法进行触发

逻辑: 前端jqueryload()(ajax异步)加载页面, btn 放在了target-page里面

伪代码如下:(代码比较啰嗦，就用伪代码替换了)

ajax.js:

$(function(){
  $(xxx).load(target-page);
  function a(){codes}
  setTimeout(function(){
    $(btn).click(a);
    // 用奇葩方法settimeout解决
  }, 0);
});

有人能帮忙讲一下其中的原理和正确的解决方案吗??

个人认为问题就是异步加载在js基础内容(变量/函数声明)加载后进行触发的， 之后导致元素无法获取到等问题

解决方案

来看看文档：http://api.jquery.com/load/

另外，target-page 不是一个变量，这里本来是个啥？

参考代码

// 第二个参数是 data，没有直接给 null，或者 {}
// 看文档中的例子，也可以省略掉，直接给 callback 作为第二个参数
$(xxx).load(url, function() {
    // do callback here
});

这篇关于javascript - Ajax异步加载,事件触发问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！