24
如何使用JavaScript隐藏Bootstrap模态?
我已经读过这里的文章,Bootstrap网站以及疯狂的Googled-但找不到我确定这是一个简单的答案... 我有一个从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 …