Question

我有一个模板，它由模板内部的文本区域组成。在IE和Firefox浏览器中，它运行得很好，但在Chrome浏览器中却不起作用。如果我删除模板中的文本区域，那么它也可以在Chrome中工作。有人能帮我吗？

Answer 1

同样的问题现在也出现在Firefox 4中。

解决方案是从外部文件加载模板。

var template =  jQuery.createTemplateURL("/path/test_tmpl.txt");
$("#result").setTemplate(template);
$("#result").processTemplate(data);

test_tmpl.txt例如。

<table>
    {#foreach $T.users as row}
    <tr>
            <td><textarea>{$T.row.id}</textarea></td>
            <td>{$T.row.name}</td>
            <td>{$T.row.age}</td>
    </tr>
    {#/for}
</table>

使用jTemplates 0.7.8、jQ 1.4.2进行测试

Answer 2

偶然发现了同样的问题。当前的解决方案（可在JTemplatechangelog中找到）是使用CDATA方式来设计模板的样式

<p style="display: none">
<textarea id="template" rows="0" cols="0">**<![CDATA[**
  <form ...>
  ...
    <textarea rows="4" cols="20" name="name">{$T.Description}</textarea>
    <input type="submit" value="Save" />
  </form>
]]></textarea>
</p>

Answer 3

我找到了解决这个问题的办法。您可以在您的jtemplate中使用以下构造进行“转义”textarea标记：

<{"textarea"} rows="4" cols="20">{$T.Description}<{"/textarea"}>

友情链接