jQuery tmpl中的计数器增量不一致答案

【问题标题】：Inconsistent counter increment in jQuery tmpljQuery tmpl中的计数器增量不一致
【发布时间】：2011-12-25 21:40:23
【问题描述】：

我正在尝试在我的 jQuery tmpl 中运行一个计数器，以便我可以执行一些模板后逻辑。问题是由于某种原因，我无法让计数器增加 1。它似乎总是增加一些随机数。

这是我的 HTML：

<div id='myDiv'></div>
<script id='tpl'>
    ${i=0} 
    ${i++}
    ${i++}
    ${i++}
    ${i++}
</script>

...这就是我如何调用模板引擎：

$.tmpl($('#tpl'), {}).appendTo("#myDiv");

我也把它放在了 jsfiddle 上：http://jsfiddle.net/2ZtRL/1/

我期望的输出是：0 1 2 3 4 而我得到的是0 3 7 11 15

完全奇怪！救命！

【问题讨论】：

标签： jquery variables jquery-templates

【解决方案1】：

试试这个：

<div id='myDiv'></div>
<script type="text/javascript">
    var i = -1;
    function inc(){
        return ++i;
    }
</script>

<script id='tpl'>
    ${inc()}
    ${inc()}   
    ${inc()}
    ${inc()}
    ${inc()}   
    ${inc()}
</script>

然后照常调用您的模板引擎代码。你可以在这里看到它的工作原理：

http://jsfiddle.net/2ZtRL/12

【讨论】：

很好的解决方法。不能完全解释奇怪的行为，但我当然可以这样做。