Question

所以我正在开发一个Web项目，并希望使用Bootstrap Modal Pop up。我实现了代码但不幸的是我的模态不会解雇。我顺便使用Visual Studio 2012。

我已经包含以下内容：

<script src="jquery/jquery-ui-1.10.4.custom.min.js"></script>
<script src="jquery/bootstrap.js"></script>

这是模态的触发器：

<asp:Button ID="btnAddEvent" data-toggle="modal" data-target="#myModal" class="btn btn-default" runat="server" Text="Add Event" />

这是我的模态：

 <div class="modal fade" id="myModal" role="dialog">
  <div class="modal-dialog">
  <div class="modal-content">
    <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">×</button>
            <h4 class="modal-title">Modal title</h4>
          </div>

   <div class="modal-body">
            <p>One fine body…</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>

Answer 1

在bootstrap.js脚本文件之前包含jQuery脚本，以使插件正常工作。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

的jquery / jquery的-UI-1.10.4.custom.min.js 的jquery / bootstrap.js

拼写错误'jquery'文件夹或'js'文件夹

DEMO

Bootstrap Modal弹出不启动

1 个答案: