Элементы ввода / выбора смещены при добавлении с помощью jQuery

Question

В настоящее время у меня есть ряд элементов ввода с выбором и другим отключенным ниже.

http://jsfiddle.net/WRWvJ/

Когда пользователь нажимает на текст, перед ним добавляется еще один.

Однако при добавлении строк интервал между элементами ввода теряется.вверх.Не похоже, что браузер по умолчанию CSS применяется к ним при их добавлении.

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

Answer 1

Именно из-за пробела в вашей разметке вы видите, что он отображается правильно. Но когда вы добавляете элементы динамически, используя метод append, он не добавляет интервал белого, а только элементы, которые вы передаете для добавления.

Для правильной визуализации используйте css для управления расположением элементов. Или используйте контейнеры вместо простого добавления элементов.

Рабочая демоверсия - http://jsfiddle.net/WRWvJ/7/