情態動詞引導不起作用

Question

我過去到一個新的頁面live demo：

<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"> 
Launch demo modal 
</button> 



<div class="modal fade"> 
    <div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button> 
     <h4 class="modal-title">Modal title</h4> 
     </div> 
     <div class="modal-body"> 
     <p>One fine body&hellip;</p> 
     </div> 
     <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     <button type="button" class="btn btn-primary">Save changes</button> 
     </div> 
    </div><!-- /.modal-content --> 
    </div><!-- /.modal-dialog --> 
</div><!-- /.modal --> 

但doen't工作。爲什麼？

在頭節還有引導CSS和Javascript：

<link href="css/bootstrap.min.css" rel="stylesheet" /> 
<script src="js/bootstrap.js"></script> 

Answer 1

你確定你已經包括jQuery的呢？

它需要來bootstrap.js

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

Answer 2

<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">

注意data-target="#myModal"之前。還要注意你的模態是<div class="modal fade">（沒有id）。

將<div class="modal fade">更改爲<div class="modal fade" id="myModal">並且您現在應該看到它在您單擊按鈕時彈出。