提交表单后关闭Boostrap Modal模式-Rails

Question

我的rails应用程序中有一个远程表单：

<%= form_for(@list_item, :remote => true) do |f| %>
  .............
  .............
  <%= f.submit("Add It!", class: "btn") %>
<% end %>

它包含在ID为'addListItem'的Bootstrap模态中。 提交表单后，我想取消此模式。 我在SO上发现了一些类似的问题，但是没有一个以阻止表单在关闭模式之前提交的方式回答了此问题。 请帮助？

Answer 1

提交表格后解散模态。

JavaScript的

$('#form_id').on('submit', function() {
  $('#addListItem').modal('hide');
});

Answer 2

使用jQuery在您的“提交”按钮上添加click事件：

$('.btn').click(function() {
  $('#addListItem').modal('toggle');
});