0

複数の HTML 外部ページを単一の div にインポートしようとしています。例: 私は page1.HTML、page2.html などです。私はこのJQueryを持っています:

<script type="text/javascript">
$(document).ready(function() {
$('.main').load('page1.html');
});
</script>

ページの読み込み時に複数のページを同じ div にインポートする方法がわからない場合を除いて、これは正常に機能します。

友達に感謝します。

4

3 に答える 3

1 
var pages=["page1.html","page2.html","page3.html"],
    mainDiv=$(".main");
$.each(pages, function(i,page){
    var newDiv=mainDiv.append("div");
    newDiv.load(page);
});

ページのフラグメントのみをロードする場合は、load() の方が get() よりも簡単です (これは通常、head タグを含む完全なページを処理する場合に当てはまります)。

于 2013-03-23T22:40:10.383 に答える
1

複数が必要な場合は、ロードを使用できません。代わりに使用$.getし、コールバックを指定して、それらを div に追加します。

var pages = ['page1.html', 'page2.html', etc..],
    $main = $('.main'),
    doLoad = function () {
        if(pages.length > 0) {
          // use shift to get the next page off the array
          $.get(pages.shift(), function(content) {
              // append content to .main
              $main.append(content);
              // call do load to get the next entry
              doLoad();
          });
        }
    };

doLoad();
于 2013-03-23T22:02:38.917 に答える
0

ロードする HTML ファイルの配列を作成し、ページごとに ajax 呼び出しで配列を反復処理してから、jQuery prepend() を使用してコンテンツを要素に挿入します。

于 2013-03-23T22:03:52.100 に答える