CODEWITHSUNDEEP
asp.nettwitter-bootstrapvisual-studio-2012
Ruzol Francis Julio
Ruzol Francis Julio

Reputation: 1

Bootstrap Modal Pop up not firing

So I am working a web project and hoping to use Bootstrap Modal Pop up. I implemented the codes but unfortunately my modal wont fire. I am using Visual Studio 2012 by the way.

I have included the following:

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

Here is my trigger for the modal:

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

And here is my modal:

 <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>

Upvotes: 0

Views: 588

Answers (1)

4dgaurav
4dgaurav

Reputation: 11506

include the jQuery script before the bootstrap.js script file for the plugin to work.

<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

typo error 'jquery' folder or 'js' folder

DEMO

Upvotes: 1

Related Questions