Всем привет. Разбираюсь с плагином Templates для JQuery. Допускаю какую-то ошибку в работе с тегом {{each}}...
Вот код.
<body>
<script type="text/javascript">
var db = { id: 'acc1', data: [{ header: 'header1', content: 'бла бла бла .' },
{ header: 'header2', content: 'бла бла бла .' },
{ header: 'header3', content: 'бла бла бла .'}]
};
$(function(){
$('#tmpl_accordion').tmpl(db).appendTo('#accordion');
});
</script>
<script id="tmpl_accordion" type="text/x-jquery-tmpl">
<div id='${id}'>
{{each data}}
<h3><a href="#">${$index+1}-${header}</a></h3>
<div>{{html content}}</div>
{{/each}}
<div/>
</script>
<div id="accordion"></div>
</body>
Вот результат.
<div id="accordion">
<div id="acc1">
<h3><a href="#">1-header1</a></h3>
<div> бла бла бла .</div>
<h3><a href="#">2-header2</a></h3>
<div> бла бла бла .</div>
<h3><a href="#">3-header3</a></h3>
<div> бла бла бла .</div>
<div></div> // <------ вот откуда это здесь ?
</div>
</div>
Вот откуда там берется этот div ((( ?