以编程方式显示Bootstrap模态窗口

Question

我正在使用JavaScript。我不知道如何打开引导程序模式。当我单击下面的按钮时，它可以正常工作：

 <button type="button" class="btn btn-primary" data-toggle="modal" id="btnOpenPopup" data-target="#myModal">
     Open modal
 </button>

但是我想在没有用户事件的情况下打开它，应该以编程方式打开它。

我尝试使用$("#btnOpenPopup").click();和(document.getElementById('btnOpenPopup')).click();，但无法正常工作。

下面是我的模态。

<div class="modal fade" id="myModal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">Modal Heading</h4>
          <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>
      <div class="modal-body">
          Modal body..
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>

Answer 1

尝试一下。它对我有用。

Answer 2

您可以使用modal()功能来切换模态。

Answer 3

对于Bootstrap 4.x，看起来不错的方法是

Answer 4

尝试将modal（）函数放入document.ready中

Answer 5

您可以通过.hide()和.show()手动完成