如何使用javascript隐藏Bootstrap模态？

我已经阅读了这里的帖子，Bootstrap网站，并像疯了一样谷歌 - 但找不到我确定的简单答案......

我有一个Bootstrap模式，我从一个link_to助手那里打开，如下所示：

<%= link_to "New Contact", new_contact_path, {remote: true, 'data-toggle' => 'modal', 'data-target' => "#myModal",  class: "btn btn-primary"} %>

在我的操作中，我有代码创建然后传递给.在 中，我有一些错误处理代码（ruby 和 javascript 的混合）。如果一切顺利，我想关闭模态。ContactsController.createContactcreate.js.erbcreate.js.erb

这就是我遇到麻烦的地方。当一切顺利时，我似乎无法消除模态。

我已经尝试过了，这没有任何效果。我也尝试过导致模态消失但离开背景。$('#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>