jquery模板组成

col*_*lin 1 jquery templates jquery-templates

我在数据对象中有73个项目,我想创建每页最多12个项目的页面视图,我已经尝试使用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> 
Run Code Online (Sandbox Code Playgroud)

不幸的是在chrome中我得到以下错误.

未捕获的TypeError:无法调用未定义的方法'push'

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

rob*_*rob 6

如果它有帮助,当我在模板html中有一个未关闭的锚标记时,我收到此错误.添加</a>修复问题.