0

現在、ページに div を追加するために .append() を使用しています。ただし、JS ファイル内に div とコンテンツを保持するのではなく、もう少し合理化して、完全に別の HTML ファイルから div をロードできるようにしたいと考えていました。

これが私が現在持っているものです：

jQuery:

$('.addNewContent').click(function() {
$( '#content' ).append( "new content" );
return false;
});

関連する質問がすでにあることを見てきましたが、それがどのように実装されているかについての傾向はありません - Load HTML File Contents to Div [iframes を使用せずに]

誰かが何かアイデアを持っているかどうか疑問に思っていましたか？どんな助けでも大歓迎です！

4

3 に答える 3

0

htmlファイルが同じサーバー上にあると仮定します...

$(".addNewContent").click(function() {
    $("#content").load("other-page.html #containerID");
    return false;
});

これにより、他の html ページが読み込まれ、 の内容が に#containerID挿入され#contentます。

于 2013-09-26T19:37:23.013 に答える
0

.get()次の関数を使用できます。

$('.addNewContent').click(function() {
    $.get("/path/to/file", function(data) {   
       $("#content").append(data);
    });
    return false;
});
于 2013-09-26T19:38:02.717 に答える
0

おそらくロード機能が必要です：

$('.addNewContent').click(function(e) {
    $( "#content" ).load( "ajax/test.html #container" );
    e.preventDefault();
});

実際のコンテンツのロードには時間がかかる場合があることに注意してください。また、 内のコンテンツを置き換え#contentますが、内部に別の要素を作成して、代わりにコンテンツをロードすることもできます。

$("<div></div>").appendTo("content").load( "ajax/test.html #container" );
于 2013-09-26T19:36:20.237 に答える