Динамическая таблица с повторяющимися строками и представлением совместимости IE

Question

У меня есть таблица с повторяющимися строками. Каждая строка содержит несколько датпикеров от here, заполненных javascript.

Как показано ниже, я заметил, что датыпикеры, похоже, не отображаются при использовании Firefox или IE9 с отключенным представлением совместимости.

похоже, что работает правильно в IE8.

• Кто-нибудь знает, что может вызвать эту проблему, и как я могу это исправить?

Вот Live Demo на JSfiddle

Спасибо за вашу помощь!

Answer 1

JavaScript на некоторых браузерах может быть очень тонким, когда дело касается пространств внутри элементов.

В вашем случае в ячейках таблицы присутствуют фактические пробелы перед элементами <input>. Когда это происходит, childNodes [0] в FireFox и/или IE9 без режима совместимости ссылаются на это пространство вместо первого элемента HTML.

Либо удалите пробелы в вашем HTML, либо обрезайте пробелы в JavaScript при настройке innerHTML новой ячейки.