jquery - jQueryテンプレートは、非表示のフォームフィールドをIEで表示可能な入力ボックスとしてレンダリングします

Question

ボタンが押されたときにリストに新しいアイテムを追加するためにjQueryテンプレートを使用しています

テンプレートには非表示フィールドが含まれています。

IE8またはIE9のリストに新しいアイテムを追加すると、非表示のフォームフィールドが表示されている入力フィールドのように表示されます

http://jsfiddle.net/T3has/8/をデモンストレーションするためにJSfiddleを設定しました

ChromeとFFでは正常に動作しますが、IEでは動作しません

何か案は？

Answer 1

あなたはそれを正しくやっています。入力は「hidden」タイプであるため、これは明らかに（さらに別の）IEのバグです。IEをサポートしたい
場合は、これを回避するためのハックとして、これらの入力にクラスを追加してみてください。

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

およびcss

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

Answer 2

追加する行に.hide（）を追加できます。

関数.tmpl（）は、jQueryのベータ機能としてマークされており、今後開発されることはありません。

「jQueryチームは、このプラグインをベータ版以降に使用しないことを決定しました。現在、積極的に開発または保守されていません。」ソース：http ：//api.jquery.com/tmpl/

代わりに次のコードを使用してみてください。

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

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