jquery - 如何删除 Bootstrap 3 外部模态中的白色区域

Question

我正在使用 Boostrap 3.2.0 的远程模式，但它在后台生成某种白色窗口 - 我该如何删除它？

模态.html:

<a data-toggle="modal" href="Modal-Content.html" data-target="#MyModal">Modal Popup</a>
<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>
    </div>
</div>

模态内容.html:

<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title">My Modal Preview</h4>
        </div>
        <div class="modal-body">
            <p>Some external content here.</p>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
    </div>
</div>

截图:

Answer 1

您的模态框内有一个模态框，请尝试:

<!-- Modal.html: -->
<a data-toggle="modal" href="Modal-Content.html" data-target="#MyModal">Modal Popup</a>
    <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>
     </div>
</div>


<!-- Modal-Content.html: -->
<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h4 class="modal-title">My Modal Preview</h4>
</div>
<div class="modal-body">
    <p>Some external content here.</p>
</div>
<div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>