JQuery 模板 - 调用 ${$item.function()} 的次数多于模板中指定的次数

Question

Jquery-tmpl 似乎多次调用您附加到 item 的函数。

JSfiddle：http://jsfiddle.net/abQwc/2/

对于模板呈现的每个项目，console.log 的 show rowCount 被调用 4 次。

模板：

<h1 class="${$item.rowCount() % 2 == 0 ? "even" : "odd"}">${Name} - ${Payload}</h1

数据：

    data = [
        { Name: "1", Payload: "Data1" },
        { Name: "2", Payload: "Data2" },
        { Name: "3", Payload: "Data3" } 
    ]

脚本：

    $(function() {$( "#template" )
        .tmpl(data, {
            rowCount: function(){
                var rowCount = 0;
                return function(){
                    console.log(this.data.Payload);
                    return ++rowCount;
                }
            }()
        })
        .appendTo( "body" )})

为什么？我已经想出了如何绕过它，但它散发着巫术的味道。

Answer 1

我替换：

${$item.rowCount() % 2 == 0 ? "even" : "odd"}
...
return function(){
    console.log(this.data.Payload);
    return ++counter;
}

并

${$item.rowCount()}
....
return function() {
    console.log(this.data.Payload);
    return (++counter) % 2 ? 'even' : 'odd';
}

能够让它工作。然而，Options 参数仍然为每个项目执行 4 次。我相信 tmpl 中的计算充其量仍然是不确定的。