2011-05-19 63 views
0

是否可以在jQuery模板标记中执行javscript操作?在jQuery模板中包含Javascript

我有一个对象的集合,我只想显示有关通过模板的第一次迭代的某些信息。

<script type="text/javascript"> 
    var x = 0; // Counter 
</script> 

<script id="QuoteTemplate" type="text/x-jQuery-tmpl"> 

    {{if x = 0 }} 
     // Show Stuff 
    {{ x++ }} 

</script> 

回答

0

我不认为这是一个坏问题。文档很清楚,但您必须在$ {}语法中找到它。

$ {fieldNameOrExpression} 当前数据项或要评估的JavaScript函数或表达式的字段名称。

在控制台中尝试$.tmpl('<p>${a + 1}</p>', {a: 1})

2

JQuery模板本身是任何HTML标记,以及任何一组模板标记,它们可以创建一些非常丰富的场景来创建数据驱动的UI。目前一套在jQuery的模板支持的标签是:

- ${...}: Evaluate fields or expression 
- {{each ...}}...{{/each}}: Iterate without creating template items 
- {{if ...}}...{{else ...}}...{{/if}}: Conditional sections 
- {{html ...}}: Insert markup from data 
- {{tmpl ...}}: Composition, as template items 
- {{wrap ...}}...{{/wrap}}: Composition, plus incorporation of wrapped HTML 

而对于更多的细节和例子,请访问here