2012-04-08 19 views
0

我正在使用多個表單的動態序列。使用$(「#dyn-form」).load(form-x.html)將每個表單(子頁面)動態加載到主頁面中。 每個form-x.html都有自己的嵌入腳本。該腳本必須在form-x.html加載後執行。 我準備好了一個文檔,以確保動態加載的內容在dom中加載。這有意義嗎?我可以使用加載的HTML /腳本子頁面準備好jquery doucument

UPDATE

感謝您的幫助。我可以通過在加載回調中調用加載的page.html的嵌入函數來解決它:window [page] .apply();

function nextForm(page) { 
    $("#dyn-form").load(page + '.html', function(response, status, xhr) { 
     if (status == "error") { 
      var msg = "Sorry but there was an error: "; 
      $("#error").html(msg + xhr.status + " " + xhr.statusText); 
     } 
     else {   // load OK and finished then call embedded script 
      window[page].apply(); 
     } 
    }); 
} 
$(document).ready(function(){ 
    nextForm('form-1');  // load the first form 
}); 

回答

0

如果你想要加載遠程頁面後執行一些腳本,你可以這樣做

$("#dyn-form").load("form-x.html",function(){ 
    //Script here will execute only after the load completed 
}); 
+0

第一部分是不正確的。 ** DOM準備好的事件只會觸發一次!** – gdoron 2012-04-08 20:49:35

+0

如果dom只准備觸發一次,我怎麼能觸發我的form-x.html腳本。我可以使用.on(將事件綁定到函數)和.trigger執行用戶事件嗎?我在加載回調中觸發事件。 – voscausa 2012-04-08 21:46:14

相關問題