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

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

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

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

ajax.js:

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

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

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

回复内容：

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

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

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

ajax.js:

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

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

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

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

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

参考代码

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