Question

41

Bootstrap modal popup not showing

rated 0 times [ 42] [ 1] / answers: 1 / hits: 45840 / 11 Years ago, wed, december 18, 2013, 12:00:00

I'm trying to create a simple modal popup using Bootstrap. I got the sample from http://getbootstrap.com/javascript/#modals, my code looks like this..

<html>

    <head>

        <script src=js/jquery.js></script>

        <script src=js/bootstrap.js></script>

        <script src=js/bootstrap-modal.js></script>

        <link rel=stylesheet href=css/bootstrap.css />

    </head>

    <body>

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

            Launch demo modal

        </button>



        <div class=modal fade id=myModal tabindex=-1 role=dialog aria-labelledby=myModalLabel aria-hidden=true>

          <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 id=myModalLabel>Modal title</h4>

              </div>

              <div class=modal-body>

                ...

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

    </body>

</html>

when i run in on my browser and click the button, the popup shows only in miliseconds and then closing again..how to prevent the popup from closing like that?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

bradleymoisesy

Add To Favorites

Follow

Total Points: 121

Total Questions: 105

Total Answers: 95

Location: Nepal

Member since Mon, Jan 4, 2021

3 Years ago

bradleymoisesy questions

1 which data type to use to expect date value in jest

Wed, Dec 22, 21, 00:00, 2 Years ago

1 React/Next.js doesn't seem to work with Apexcharts

Tue, Jun 1, 21, 00:00, 3 Years ago

1 React chart : prevent chart's canvas scaling with height and width

Mon, Feb 1, 21, 00:00, 3 Years ago

1 How to create Create an Excel File with javascript?

Thu, Jun 11, 20, 00:00, 4 Years ago

1 How to create a search filter using Vue js from API Data?

Thu, Jan 16, 20, 00:00, 4 Years ago

View All

answered 11 Years ago warren · Accepted Answer

Try this

<script src=js/bootstrap.js></script> // This JS have all necessary files

Remove below JS from your file

<script src=js/bootstrap-modal.js></script>

DEMO