У меня есть группа текстовых полей ввода, созданных в моем 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, не занимают места.
Стилирование двух типов ящиков, по-видимому, одинаково для моего инспектора элементов браузера, что происходит? Раньше он работал правильно. Я не уверен, что я только что заметил или сделал что-то, чтобы вызвать это, но отменить мои недавние изменения не исправить. Пожалуйста помоги!
Я думаю, вы просто не хватает места в вашей разметке jquery.
$("#addBtn").on("click",function(){
$("#inputs").append("<input type='text' class='boxes' id='box_"+nextCCId+"'/> <!-- space added here -->");
nextId++;
});