首頁  >  文章  >  後端開發  >  javascript - Ajax非同步載入,事件觸發問題

javascript - Ajax非同步載入,事件觸發問題

WBOY
WBOY原創
2016-12-01 01:27:471326瀏覽

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>
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn