jquery模板组成

Question

我的数据对象中有 73 个项目，我想创建每页最多 12 个项目的页面 View ，我尝试使用 jquery 模板逻辑来确定何时关闭和打开新页面 div，如下所示。请原谅任何语法或逻辑错误，我很快就凭内存重写了这个。

<script id="listTmpl" type="text/x-jquery-tmpl">

{{if idx == 0}}
    <div class="page">
{{/if}}

        <div class="item mrl">
            <a href="">
                <img src="http://files.stv.tv/img/player/${programmeName}/episodes/${episodeName}-230.jpg" alt="${programmeNiceName}" />
                <h3 class="mln mvs">${programmeNiceName}</h3>
                <p>${idx}</p>
            </a>        
        </div>

{{if idx % 12 == 0}}
    </div>
    <div class="page">
{{/if}}

{{if idx == ($item.getTotal() - 1)}}
    </div>
{{/if}}

</script> 

不幸的是，在 chrome 中我收到以下错误。

未捕获类型错误:无法调用未定义的“push”方法

我的假设是，在每个项目的某些迭代中，生成的 html 无效，这会引发错误，任何人都可以提出更好的做事方法或我可能会出错的地方。

Answer 1

如果有帮助的话，当我在模板 html 中有一个未闭合的 anchor 标记时，我收到了此错误。添加</a>解决了问题。