引导按钮不能调用模态

我在我的html代码中插入了模态，并且我创建了引导按钮（因为我使用引导程序）来调用模态。问题是，当我点击按钮时，我的模型没有显示出来。这里是我的代码：引导按钮不能调用模态

<!-- Modal --> 
 
<div id="ordine" class="modal fade" role="dialog"> 
 
    <div class="modal-dialog"> 
 

 
    <!-- Modal content--> 
 
    <div class="modal-content"> 
 
     <div class="modal-header"> 
 
     <button type="button" class="close" data-dismiss="modal">&times;</button> 
 
     <h4 class="modal-title">Ordine inviato!</h4> 
 
     </div> 
 
     <div class="modal-body"> 
 
     <p>I vostri ordini saranno evasi in ordine cronologico di arrivo. Riceverete, una volta che abbiamo controllato la disponibilità fisica in magazzino, una mail di conferma e, successivamente, una seconda mail di avviso della partenza del pacco.</p> 
 
     <p>Grazie per aver scelto Mailmodel !</p> 
 
     </div> 
 
     <div class="modal-footer"> 
 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
 
     </div> 
 
    </div> 
 

 
    </div> 
 
</div>

这里是我的按钮：

<div class="row"> 
 
    <div class="col-md-2"></div> 
 
    <div class="col-md-8"> 
 
    <div class="address"> 
 
     <button type="button" class="btn btn-danger" data-toggle="modal" data-target="#ordine">Invia ordine</button> 
 
    </div> 
 
    </div> 
 
    <div class="col-md-2"></div> 
 
</div>

有我在我的代码做了不便错了吗？有人可以帮我解决这个问题吗？

来源

2016-08-22 Elda Backa

你必须忘记添加** jQuery Library **或者* * * * * * * Bootstrap *的库文件作为你的* Dom *是根据文档。 – vivekkupadhyay

您需要包括这在你的脑袋部分：

<!-- Latest compiled and minified CSS --> 
 
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 

 
<!-- jQuery library --> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 

 
<!-- Latest compiled JavaScript --> 
 
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

为您的代码工作。

来源

2016-08-22 12:02:52

引导按钮不能调用模态

回答

相关问题