Question

如果未定义可变大小，则以下代码会在Chrome中返回错误“未捕获的ReferenceError：大小未定义”：

<script type="text/x-jquery-tmpl">    
    {{if name && size}}
        <p>${name}</p>
        <p>${size}</p>
    {{/if}}
</script>

虽然此代码正常：

<script type="text/x-jquery-tmpl">  
    {{if name}}
        {{if size}}
            <p>${name}</p>
            <p>${size}</p>
        {{/if}}
    {{/if}}
</script>

我可以以某种方式使其在Chrome 中运行而不使用双if语句，为什么它会返回错误？

Answer 1

试试这个：

<script type="text/x-jquery-tmpl">    
    {{if name && size != null && size}}
        <p>${name}</p>
        <p>${size}</p>
    {{/if}}
</script>

Answer 2

试试这个

<script type="text/x-jquery-tmpl">    
    {{if (name != null && size != null)}}
        <p>${name}</p>
        <p>${size}</p>
    {{/if}}
</script>

注意if语句后面的空格。

如果在jQuery模板中声明

2 个答案: