Андрей Мотошин Front-end engineer

jQuery tmpl: условные конструкции

#javascript, #jQuery

На днях начал изучать новинку от 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: ''
      }
    ]
  }
];

Обошелся без этого кода, но выбрасывать стало жалко, вдруг пригодится :)