jTemplate中的textarea在Chrome中不起作用

Question

我有一個由模板內的textarea組成的模板。在IE瀏覽器中，Firefox瀏覽器工作正常，但在Chrome中無法正常工作。如果我刪除模板中的textarea，那麼它也在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，1.4.2 JQ

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

我找到了這個問題的解決方法。你可以在你的模板中使用以下構造來「轉義」textarea標籤：

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