0

複数のフォームの動的シーケンスを使用しています。各フォーム（サブページ）は、$（ "＃dyn-form"）.load（form-x.html）を使用してメインページに動的に読み込まれます。各form-x.htmlには、独自のスクリプトが埋め込まれています。このスクリプトは、form-x.htmlがロードされた後に実行する必要があります。動的にロードされたコンテンツがdomにロードされていることを確認するために、ドキュメントの準備ができた状態で各スクリプトを開始します。これは意味がありますか？

アップデート

ご協力ありがとうございます。ロードコールバックでロードされた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  
});
4

1 に答える 1

0

リモートページをロードした後にいくつかのスクリプトを実行したい場合は、次のようにすることができます

$("#dyn-form" ).load("form-x.html",function(){
  //Script here will execute only after the load completed
});
于 2012-04-08T20:33:19.573 に答える