jQuery tmpl: условные конструкции
На днях начал изучать новинку от Microsoft, плагин jQuery tmpl, который обещают внести в ядро jQuery к версии 1.5.
Следующий код у меня получился при попытке сделать генерацию слайдшоу:
<script id="listTmpl" type="text/x-jquery-tmpl">
<ul>
{{each(i, val) items}}
<li><a href="${val.href}"><img src="${val.src}" alt=""/></a></li>
{{if counter(i, 4, items.length)}}</ul><ul>{{/if}}
{{/each}}
</ul>
</script>Где функция counter:
var counter = function(i, n, length){
if (!i || i == length-1) {
return false;
}
return (i + 1) % n == 0;
};А формат данных будет примерно такой:
var data = [
{
items: [
{
href: '',
src: ''
}
]
}
];Обошелся без этого кода, но выбрасывать стало жалко, вдруг пригодится :)