티스토리 뷰

마크업에서 단순히 아이템들이 채워져 있는 모습을 보여주기 위해 반복되는 돔을 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


저작자 표시 비영리 변경 금지
신고
댓글
댓글쓰기 폼
«   2017/06   »
        1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30  
글 보관함
Total
78,211
Today
125
Yesterday
63