ajax asynchronously loads some pages (target-page). There is a button in the target-page. I want to set an onclick function for the button, but I find that it always cannot be triggered
Logic: Front-end jqueryload()
(ajax asynchronous) loads the page, btn is placed in target-page
The pseudo code is as follows: (The code is rather verbose, so I replaced it with pseudo code)
ajax.js:
<code class="javascript">$(function(){ $(xxx).load(target-page); function a(){codes} setTimeout(function(){ $(btn).click(a); // 用奇葩方法settimeout解决 }, 0); });</code>
Can anyone help explain the principles and correct solutions??
Personally, I think the problem is that asynchronous loading is triggered after the basic js content (variable/function declaration) is loaded, which then leads to problems such as elements being unable to be obtained
ajax asynchronously loads some pages (target-page). There is a button in the target-page. I want to set an onclick function for the button, but I find that it always cannot be triggered
Logic: Front-end jqueryload()
(ajax asynchronous) loads the page, btn is placed in target-page
The pseudo code is as follows: (The code is rather verbose, so I replaced it with pseudo code)
ajax.js:
<code class="javascript">$(function(){ $(xxx).load(target-page); function a(){codes} setTimeout(function(){ $(btn).click(a); // 用奇葩方法settimeout解决 }, 0); });</code>
Can anyone help explain the principles and correct solutions??
Personally, I think the problem is that asynchronous loading is triggered after the basic js content (variable/function declaration) is loaded, which then leads to problems such as elements being unable to be obtained
Let’s take a look at the documentation: http://api.jquery.com/load/
In addition, target-page
is not a variable, what is it originally?
Reference code
<code class="javascript">// 第二个参数是 data,没有直接给 null,或者 {} // 看文档中的例子,也可以省略掉,直接给 callback 作为第二个参数 $(xxx).load(url, function() { // do callback here });</code>