このフィドルでは、ボタンはループ内で動的に追加されます。各ボタンが複数回ではなくループ内で1回だけ追加されるように、コードを更新するにはどうすればよいですか?これはクローン方式によるものだと思いますか?
フィドルコード:
<div data-role="page" id="firstpage">
<div data-role="header">
<h1>First Page</h1>
</div>
<div data-role="content" id="links">
<a href="#secondpage" data-role="button">Link button</a>
</div>
<div data-role="footer">
<h4>Page Footer</h4>
</div>
</div>
<div data-role="page" id="secondpage">
<div data-role="header">
<a href='#' class='ui-btn-left' data-icon='arrow-l' onclick="history.back(); return false">Back</a><h1>Bar</h1><a href="#firstpage">home</a>
</div>
<div data-role="content">
<p>I'm first in the source order so I'm shown as the page. (this is secondpage)</p>
<p><a href="#thirdpage">Go to third page</a></p>
</div>
<div data-role="footer">
<h4>Page Footer</h4>
</div>
</div>
$(document).ready(function() {
for (var i = 0; i < 4; i++) {
var linkButton = $('#links a').clone(true);
linkButton.find('span.ui-btn-text').text('Link Button2');
$('#links').append(linkButton);
}
});