jTemplate中的Textarea在Chrome中不起作用

时间:2010-10-26 06:31:01

标签: javascript jquery jtemplates

我有一个模板,其中包含模板内的textarea。在IE,Firefox浏览器中,它工作正常,但在Chrome中它无法正常工作。如果我删除模板中的textarea,那么它也在Chrome中运行。任何人都可以帮助我吗?

3 个答案:

答案 0 :(得分: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

进行测试

答案 1 :(得分:0)

偶然发现同样的问题。当前的解决方案(在JTemplate changelog中找到)是使用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>

答案 2 :(得分:0)

我找到了解决此问题的方法。你可以逃避&#34;逃避&#34;您的jtemplate中的textarea标记具有以下结构:

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