Текстовые поля, добавленные JS неожиданно сжимаются вместе?

Question

Текстовые поля, добавленные JS неожиданно сжимаются вместе?

0

У меня есть группа текстовых полей ввода, созданных в моем html, например:

<div id='inputs'>
    <% 6.times do |i| %>

        <%= text_field_tag "box_" + i.to_s, nil, { :id => "box_" + i.to_s,
        :class => "boxes"} %>

    <% end %>
</div>

Затем у меня есть слушатель JS для кнопки под окнами:

var nextId = 6;

$("#addBtn").on("click",function(){
    $("#inputs").append("<input type='text' class='boxes' id='box_"+nextCCId+"'/>");
    nextId++;
});

Проблема заключается в следующем:

Текстовые поля, добавляемые при разнесении рендеринга, но поля, добавленные с помощью JS, не занимают места.

Стилирование двух типов ящиков, по-видимому, одинаково для моего инспектора элементов браузера, что происходит? Раньше он работал правильно. Я не уверен, что я только что заметил или сделал что-то, чтобы вызвать это, но отменить мои недавние изменения не исправить. Пожалуйста помоги!

DogNibbler 11 янв. 2014, в 04:14

Источник

Теги:

javascript

jquery

ruby-on-rails

view

forms

1 ответ

Ещё вопросы

awei · Accepted Answer · 2014-01-11T01-15-00.000Z

Я думаю, вы просто не хватает места в вашей разметке jquery.

$("#addBtn").on("click",function(){
    $("#inputs").append("<input type='text' class='boxes' id='box_"+nextCCId+"'/> <!-- space added here -->");
    nextId++;
});

Спасибо! Это интересная особенность HTML, о которой я не знал.