jQuery模板将隐藏的表单字段呈现为IE中的可见输入框

时间:2012-08-10 14:26:05

标签: jquery internet-explorer jquery-templates

我正在使用jQuery模板在按下按钮时将新项目添加到列表中

模板包含隐藏字段。

当我在IE 8或IE 9中向列表添加新项目时,隐藏的表单字段显示为可见的输入字段

我已经设置了一个JSfiddle来演示 http://jsfiddle.net/T3has/8/

它适用于Chrome和FF,但不适用于IE

有什么想法吗?

2 个答案:

答案 0 :(得分:2)

你做对了;输入是“隐藏”类型,所以这显然是IE中的另一个错误 如果你想要来支持IE,你可能想尝试在这些输入中添加一个类来解决这个问题:

<input class="hidden-input" ...

和css

input.hidden-input: {
  display: none;
}

答案 1 :(得分:0)

您可以将.hide()添加到您追加的行。

函数.tmpl()在jQuery中被标记为beta特性,并且没有进一步开发。

“jQuery团队已经决定不再使用此插件测试版。它不再被积极开发或维护。” 资料来源:http://api.jquery.com/tmpl/

请尝试使用此代码:

$('#rateItemTemplate').clone().removeAttr('id').appendTo('#Board');

jsFiddle:http://jsfiddle.net/T3has/10/