шаблон jQuery отображает скрытое поле формы как видимое поле ввода в IE

Я использую шаблоны jQuery для добавления новых элементов в список при нажатии кнопки

Шаблон содержит скрытое поле.

Когда я добавляю новый элемент в список в IE 8 или IE 9, то поле скрытой формы отображается как видимое поле ввода

Я настроил JSfiddle для демонстрации http://jsfiddle.net/T3has/8/

Он отлично работает в Chrome и FF, но не IE

Есть идеи?

2 2
jquery jquery-templates

2 ответа:

Вы делаете это правильно; вход имеет тип "скрытый", так что это явно (еще одна) ошибка в IE.
Если вы Хотите поддерживать IE, вы можете попробовать добавить класс к этим входам в качестве Хака вокруг этого: 

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

И css 

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

Вы можете добавить .скрыть () в строке, к которой вы добавляете.

Функция .tmpl() помечена как бета-функция в jQuery и не развивается далее.

" команда jQuery решила не принимать этот плагин после бета-тестирования. Она больше не развивается и не поддерживается активно." Источник: http://api.jquery.com/tmpl/

Попробуйте использовать вместо этого следующий код: 

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

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

0