반응형
마크업에서 단순히 아이템들이 채워져 있는 모습을 보여주기 위해 반복되는 돔을 Ctrl+C/V 해놓는 경우가 많은데, 템플릿으로 분리하고 필요한 갯수만큼만 스크립트로 반복해서 삽입할 수 있도록 했다.
HTML
<div id="_include-artist-random-item">
<!-- artist-random-item.html -->
</div>
JS
function cloneChild(target, n){
for(var i=1; i<n+1; i++){
var area = $('#_include-'+target);
var temp = document.createElement('div');
$(temp).load(target+'.html', function(response){
$(response).appendTo(area);
});
}
}
Result
반응형
'개발일지 > JS' 카테고리의 다른 글
[JS] JavaScript Drum Kit을 응용한 Zinee Piano (0) | 2018.04.26 |
---|---|
[jQuery] common.js (0) | 2018.03.12 |
[jQuery] input click(touch) -> select all (0) | 2017.02.01 |
[jQuery] 티스토리 단축키 추가하기 (7) | 2017.01.11 |
[JS] Preload images with javascript (0) | 2016.08.09 |