Maison  >  Article  >  développement back-end  >  javascript - Ajax异步加载,事件触发问题

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

WBOY
WBOYoriginal
2016-12-01 01:27:471326parcourir

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>
Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn