使用 Bootstrap 打开一个外部模态框答案

【问题标题】：Open an external Modal Box with Bootstrap使用 Bootstrap 打开一个外部模态框
【发布时间】：2015-05-22 00:42:59
【问题描述】：

我想在我的页面上打开一个外部模式框，我正在使用引导程序

主 HTML1 (index.html)

<button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-remote="modal.html" >Assumir Tarefa</button>

模态 HTML (modal.html)

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

【问题讨论】：

发布引导文档示例对任何人都没有帮助...您遇到的问题是什么？你试过什么？
欢迎来到stackoverflow。我们更喜欢问题......好吧，有一个问题。给我们一个声明并让我们猜测您的意思不会让您得到太多回应。请阅读帮助中的How to ask a good question 部分
The remote option of Bootstrap modals is deprecated. 不要使用它。

标签： javascript jquery html twitter-bootstrap

【解决方案1】：

您似乎对模态的工作方式感到困惑。您将模态代码放在单独的 html 文件中并尝试调用它。

将呼叫按钮更改为：

<button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-remote="#myModal" >Assumir Tarefa</button>

然后将您从 modal.html 粘贴的代码放在同一个文件 index.html 中（以及所有其他引导程序所需的文件）。如果你不确定你还需要什么，我会看看Bootstrap Getting Started

【讨论】：