Maison > Article > développement back-end > 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>