我的模式窗口没有显示为弹出窗口答案

【问题标题】：My modal window is not appearing as a pop-up我的模式窗口没有显示为弹出窗口
【发布时间】：2015-06-22 07:09:04
【问题描述】：

单击“查看视频”时，我的模态窗口未显示为弹出窗口。相反，它与同一页面中的任何其他 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>

【问题讨论】：

如果modal 看起来像页面上的任何其他div，很可能您的引导 css 文件的包含路径不正确
非常感谢！ bootstrap.css 文件的包含路径错误

标签： jquery twitter-bootstrap popup modal-window

【解决方案1】：

你不见了data-target="#myModal"

把你的链接变成这样

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

【讨论】：

【解决方案2】：

尝试添加id和类fade

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

还有，你是如何打开这个模态的？应该用模态显示来完成

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

【讨论】：