Question

我想在jquery模板中执行if check：

jquery模板

<script id="CardWallItem" type="text/x-jquery-tmpl">
    <div id="lc${ProductId}" class="card">
        <input class="ItemId" type="hidden" value="${CardId}"/>
        <a href="" class="oCloseButton" onclick="return $$.laneItems.deleteLane(this);">x</a>
        if($.parent().find('.ItemId').val() == ${EntityId}){
        <p class="text" onclick="return $$.laneItems.editCard(this);">${Desc}</p> 
        <div class="edit bg" style="display:none;">
            <input class="editval" type="text" maxlength="20" />
            <a class="button" href="" onclick="return $$.laneItems.saveTitle(this);">Save</a> 
        </div>
        }
    </div>
    <br /><br />
</script>

正如你可以看到之间的检查，这一个：

if($.parent().find('.ItemId').val() == ${EntityId}){
            <p class="text" onclick="return $$.laneItems.editCard(this);">${Desc}</p> 
            <div class="edit bg" style="display:none;">
                <input class="editval" type="text" maxlength="20" />
                <a class="button" href="" onclick="return $$.laneItems.saveTitle(this);">Save</a> 
            </div>
            }

因为它的输出是它在页面上打印整个if语句。那么有人可以告诉我应该做些什么吗？

Answer 1

jquery模板中条件语法的语法不同：

{{if CONDITION}}

{{else}}

{{/if}}

请参阅if模板标记的documentation。

Answer 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。

在jquery模板中使用jquery，这可能吗？

2 个答案: