0

外部の html ファイルからも読み込まれたスキン (ナビゲーション ボタン付きのヘッダー/フッター) に html を読み込もうとしています。2つの外部ファイルをjsfiddleに入れることができないため、動作しませんが、jsfiddleのコードは次のとおりです。

http://jsfiddle.net/J4yUt/1/

これは、2 つの外部ファイルの内容です。

medbox.html:

<div id="medBox"></div>

smallBox.html:

<div id="smallBox"></div>

ボタンをクリックすると、中ボックスは大ボックスに表示されますが、小ボックスは中ボックスに表示されません。smallbox.html をロードするコードは、medBox.html が完全にロードされる前に実行されると思います。

これは、結果を次のように表示したいものです。

http://jsfiddle.net/Sv4yf/2/

4

2 に答える 2

3

.load()のコールバックを使用するだけです:

$("#bigBox").load("medBox.html", function(response, status, xhr) {
    if (status == 'success') {
        $("#medBox").load("smallBox.html");
    }
});

.load()これは非同期であり、その後のコードの実行をブロックしません。

于 2012-09-25T22:49:32.567 に答える
2
$("#bigBox").load("medBox.html", function(){
   $("#medBox").load("smallBox.html");
});

最初のロード ハンドラでコールバック関数を使用します。

詳細: http://api.jquery.com/load

于 2012-09-25T22:49:49.463 に答える