Bootstrap外部模式[关闭]

Question

关闭。这个问题需要details or clarity。它当前不接受答案。

---

是否要改善此问题？通过editing this post添加详细信息并澄清问题。

[2天前关闭。

index.html

<a href="modals.html" type="button" class="btn btn-primary btn-sm btn-block" data-toggle="modal" data-target="#extModal">Read More</a>

modals.html

<div class="modal modal fade" id="extModal" tabindex="-1" role="dialog">
 <div class="modal-dialog" role="document">
  <div class="modal-content">
   <div class="modal-header">
    <h5 class="modal-title">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">
    <p>Modal body text goes here.</p>
  </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>

已经尝试过此方法“ Bootstrap 4 with remote Modal”，但仍无法正常工作

Answer 1

1）“外部”是什么意思？页面加载时，您要弹出模式吗？

如果是，请在下面检查。

//jQuery
    $(function(){
       $('#extModal').modal('show')
    })

在这种情况下，您的链接中不需要数据目标和数据切换。

<a href="modals.html" class="btn btn-primary btn-sm btn-block">Read More</a>

2）如果您只需要打开一个包含的模式代码，请检查以下内容

//jQuery
    $(function(){
       $('#extModal').click(function() {
          $(this).modal('show');
       });
    })

让我知道这些方法是否有效。