Question

单击“观看视频”时，我的模态窗口不会显示为弹出窗口。相反，它显示与同一页面中的任何其他div元素一样。谁能请帮忙。

<div class="content-intro">
       <a href="#myModal" data-toggle="modal">View Video</a> 
    </div>  

    <div class="modal" id="myModal" style="display: none" aria-hidden="true">
          <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>                
             </div>
              <div class="modal-body">
                My video 
              </div>
            </div>
          </div>
        </div>

Answer 1

您缺少data-target="#myModal"

只需像这样建立你的链接

<a href="#" data-target="#myModal" data-toggle="modal">View Video</a>

Answer 2

尝试添加id和类淡入淡出

  <div id="yourModal" class="modal fade" tabindex="-1" data-backdrop="static">

而且，你是如何打开这种模式的？它应该用模态显示

完成

  $('#yourModal').modal('show');

我的模态窗口没有显示为弹出窗口

2 个答案: