jquery - 我的模式窗口没有显示为弹出窗口

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');