2017-10-16 102 views
0

我有这样的HTML引导模式不工作ASP.NET MVC

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModel">Cookies</button> 

<div id="myModal" class="modal fade"> 
    <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> 
       <h4 class="modal-title">Confirmation</h4> 
      </div> 
      <div class="modal-body"> 
       <p>Do you want to save changes you made to document before closing?</p> 
       <p class="text-warning"><small>If you don't save, your changes will be lost.</small></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> 
    </div> 
</div> 

在哪里我已清楚引导JS包括在我的包,并有此我_layout页面上

@Scripts.Render("~/bundles/jquery") 
@Scripts.Render("~/bundles/bootstrap") 
@RenderSection("scripts", required: false) 

我在做什么错误?

欢呼

+0

你可能会看到你的浏览器控制台,看看是否有任何JS错误。 – shahsani

+0

嗨谢谢,我无法看到Dev控制台中的任何错误 – aliusman

回答

3

改变这种

data-target="#myModel" 

这个

data-target="#myModal"