我的模態窗口沒有顯示爲彈出窗口

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