jTemplate 中的文本区域在 Chrome 中不起作用

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

偶然发现了同样的问题。当前的解决方案（在 JTemplate 更改日志中找到）是使用 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"}>