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>