2

jQueryを使用して test.html を複数回ロードするにはどうすればよいですか。

function loadScreen()
{
  $('#result').load('test.html');
}

main.html

<div id='result'></div>
<input type="button" value="click me" onclick="loadScreen()">

test.html

<body>
<p>
testing
</p>
</body>

現在の状況

ボタンをクリックすると、私をクリックします。main.htmlテストで表示されるとロードされます

私がしたいこと

ボタンを2回クリックするとどうすれば表示されますか

testing
testing

異なる div id を持つ

1 回目のボタン クリックでテストを表示 <div id="result1">testing</div> 2 回目のボタン クリックでテストを表示 <div id="result2">testing</div>

id にインクリメンタル 1 を追加します。

4

2 に答える 2

5

load()ターゲット要素のコンテンツを置き換えるため、必要に応じて機能しません。

代わりにこれを試してください:

function loadScreen() {
    var divId = $("#result > div").length + 1;
    $('#result').append("<div></div>").attr("id", "result" + divId).load('test.html');
}
于 2012-05-21T09:07:03.000 に答える
0

次に、 を使用し$.get()、 を使用して div を作成し、を使用し$()て内容を追加し、結果の div を追加します。.html().appendTo()

var result = $('#result'),            //cache result box
    i = 0;

function loadScreen(){
    $.get('test.html',function(data){ //initiate get
        $('<div>',{                   //create div for return data
            id : 'result'+(++i)       //add attributes
        })
        .html(data)                   //add data
        .appendTo(result);            //append to result
    });
}
于 2012-05-21T09:06:35.280 に答える