我有两个模态，它们在点击按钮时弹出。一个工作正常，但对于第二个，屏幕只是变黑，什么也没发生：
一、工作模态：

<div id="deleteConfirmation" class="hidden, modal fade">
  <div class="modal-dialog">
    <div class="modal-content">
      <h5>Are you sure you want to delete this contact?</h5>
      <button id="deleteOk">
        Yes
      </button>
      <button id="deleteNo">
        No
      </button>
    </div>
  </div>
</div>

并在执行以下命令时弹出：

$('#deleteConfirmation').modal('show');

第二个，几乎一模一样，但不管用：

<div id="addContact" class="hidden, modal fade">
  <div class="modal-header">
    <h5>Add New Contact</h5>
  </div>
  <div class="modal-dialog">
    <div class="modal-content"> 
      <label>First Name </label><input /> <br />
      <label>Last Name </label><input /> <br />
      <label>Address </label><input /> <br />
      <label>Phone Number </label><input /> <br />

      <button id="addConfirm">
        Confirm
      </button>
    </div>
  </div>
</div>

并命令：

$('#addContact').modal('show');

这基本上是两个相同的模态，但是对于第二个模态，屏幕只是变黑，而第一个模态工作正常。我假设它是我正在使用的类之一。这里似乎有什么问题？