关闭Bootstrap模式后表单提交 - 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在提交按钮上添加点击事件：

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