0

ページを 2 つに分割したい。と言うdiv 1とdiv 2。divページのリンクをクリックしたときに最初にロードしたい。のコンテンツdiv 1が完全にロードされたら、コンテンツのロードを開始しますdiv 2。

すべての主要なブラウザで正常に動作する可能なソリューション。

divs同じディレクトリ内の他のhtmlからこれらのコンテンツも必要です。以下は、私がやろうとしたコードです。

$(document).ready(function(){ 
    $('#div1').load('home/index.html', function() {
        $("#div2").load('home/index2.html');
    });
});

「home/index.html」のコンテンツが div1 に完全に読み込まれたら、「home/index2.html」のコンテンツが div2 に読み込まれるようにしたいと考えています。

以下のコードは両方のコンテンツを表示していますが、最初のコンテンツが完全にロードされたらdiv、2 番目にロードを開始したいと考えています。divdiv

$(document).ready(function(){ 
    $('#div1').load('home/index.html');
    $("#div2").load('home/index2.html');
});
4

2 に答える 2

0

次のJavaScriptを使用できます。

$(document).ready(function(){ 

    $('#div1').load('home/index.html',function(responseTxt,statusTxt) {
        if(statusTxt == 'success')
        {
            $('#div1').html(responseTxt);
            $('#div2').load('home/index2.html');
        }    

    });
    });
于 2012-11-01T06:47:05.363 に答える
-1

のコールバック関数は、ロードが完了していないロードが実行され.load()たことを示すためのものです

参考：http ://api.jquery.com/load/

"complete" コールバックが提供されている場合は、後処理と HTML 挿入が実行された後に実行されます。コールバックは、jQuery コレクション内の各要素に対して 1 回発生し、これが各 DOM 要素に順番に設定されます。

于 2012-11-01T06:54:34.543 に答える