У меня довольно странная проблема с использованием Rails 4, Turbolinks и удаленной формы. У меня есть форма, похожая на:
<%= form_for [object], remote: true do |f| %>
<td><%= f.text_field :name, class: 'form-control' %></td>
<td><%= f.email_field :email, class: 'form-control' %></td>
<td><%= f.submit button_name, class: 'btn btn-sm btn-primary' %></td>
<% end %>
Эта форма добавляет (создает) новый объект. Однако это не всегда работает:
- Когда я загружаю страницу напрямую, используя URL-адрес или обновление; оно работает
- Когда я перехожу из своего приложения на эту страницу; это терпит неудачу
При отключении турболинков по этой ссылке страница работала отлично.
У меня есть два вопроса:
- Почему это не работает? Это потому, что удаленные обработчики не привязаны к кнопке из-за проблемы с JQuery/Turbolinks?
- Как я могу обойти эту проблему?
Заранее спасибо.
Решение
Благодаря @rich-peck решением было добавить фрагмент javascript, который вручную отправляет форму при нажатии кнопки:
<%= javascript_tag do %>
var id = "#<%= dom_id(f.object) %>";
var inputs = $(id).parent().find('input');
console.log(inputs);
$(id).parent().find('button').on('click', function(e) {
e.preventDefault();
$(id).append(inputs.clone());
$(id).submit();
});
<% end %>
Этот код добавляет javascript в строку таблицы формы, получает входные данные, добавляет их к идентификатору и отправляет форму. Предотвращение по умолчанию(); предотвращает отправку запроса дважды, когда страница обновляется и форма действительно работает.
