我已经阅读了这里的帖子,Bootstrap 网站,并且疯狂地用谷歌搜索 - 但找不到我确定是一个简单的答案......
我有一个从 link_to 助手打开的 Bootstrap 模式,如下所示:
<%= link_to "New Contact", new_contact_path, {remote: true, 'data-toggle' => 'modal', 'data-target' => "#myModal", class: "btn btn-primary"} %>
在我的ContactsController.create
操作中,我有创建Contact
然后传递给create.js.erb
. 在create.js.erb
中,我有一些错误处理代码(ruby 和 javascript 的混合)。如果一切顺利,我想关闭模态。
这就是我遇到麻烦的地方。当一切顺利时,我似乎无法关闭模态。
我试过$('#myModal').modal('hide');
了,这没有效果。我也尝试过$('#myModal').hide();
导致模态消失但离开背景的方法。
关于如何关闭模式和/或从内部消除背景的任何指导create.js.erb
?
编辑
这是 myModal 的标记:
<div class="modal hide" id="myModal" >
<div class="modal-header">
<a class="close" data-dismiss="modal">×</a>
<h3>Add Contact</h3>
<div id="errors_notification">
</div>
</div>
<div class="modal-body">
<%= form_for :contact, url: contacts_path, remote: true do |f| %>
<%= f.text_field :first_name, placeholder: "first name" %>
<%= f.text_field :last_name, placeholder: "last name" %>
<br>
<%= f.submit "Save", name: 'save', class: "btn btn-primary" %>
<a class="close btn" data-dismiss="modal">Cancel</a>
<% end %>
</div>
<div class="modal-footer">
</div>
</div>