javascript - Ajax异步加载,事件触发问题-php教程-PHP中文网

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

php中文网

发布： 2016-12-01 01:27:47

原创

1594人浏览过

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

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

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

猫眼课题宝

5分钟定创新选题，3步生成高质量标书！

查看详情

ajax.js:

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

登录后复制

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

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

立即学习“Java免费学习笔记（深入）”；

回复内容：

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基础内容(变量/函数声明)加载后进行触发的，之后导致元素无法获取到等问题

立即学习“Java免费学习笔记（深入）”；

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

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

参考代码

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

登录后复制