Javascript 引导模式不显示，屏幕上只有黑色覆盖

我试图在我的引导站点上显示一个模式，当我点击按钮触发它时，屏幕变暗，但什么也没有显示

<!-- Button trigger modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
  Launch demo modal
</button>

<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

我真的把它从引导网站上取了下来，但由于某种原因它不起作用

$（'#myModal'）.on（'show.bs.modal'，function（）{
$（'#myInput'）。触发器（'focus'））
})

启动演示模式
情态标题
&时代；
...
接近
保存更改

模态的代码片段非常好，请检查触发器和模态的父div并提高它们的z索引，很可能父元素的z索引干扰了模态弹出窗口。你可以试试这个`

.parentElementOfModal{
  z-index:10000;
}

---

#myInput

在哪里？您的代码片段对我有用。问题是什么？您提供的示例工作正常，因此可能是由于您实际将

.modal

放置在页面上的位置，例如，另一个元素的z索引可能会导致此问题。

.parentElementOfModal{
  z-index:10000;
}