Skip to content

Instantly share code, notes, and snippets.

@manhnguyenv

manhnguyenv/modal-jq-bootstrap

Forked from marc-gist/modal-jq-bootstrap
Created August 1, 2019 02:39
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save manhnguyenv/cb33a71c0515f1d7b0c2b9c6b388fe86 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save manhnguyenv/cb33a71c0515f1d7b0c2b9c6b388fe86 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @marc-gist marc-gist revised this gist May 9, 2013. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion modal-jq-bootstrap
    View file
    Original file line number Diff line number Diff line change
    @@ -6,7 +6,7 @@ $(document).ready(function() {
    });
    </script>

    <div class="modal fade" id="modalID">
    <div class="modal hide fade" id="modalID">
    <div class="modal-header">
    <a class="close" data-dismiss="modal">&times;</a>
    <div>TITLE</div>
  2. @marc-gist marc-gist created this gist May 1, 2013.
    20 changes: 20 additions & 0 deletions modal-jq-bootstrap
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,20 @@
    <script>
    /* to show modal via jquery clock event bound to id="modal_button_id" a/button/etc */
    $(document).ready(function() {
    $('#modal_button_id').click(function (event) {
    $('#myModal').modal('show')
    });
    </script>

    <div class="modal fade" id="modalID">
    <div class="modal-header">
    <a class="close" data-dismiss="modal">&times;</a>
    <div>TITLE</div>
    </div>
    <div class="modal-body">
    Modal Body
    </div>
    <div class="modal-footer">
    <a data-dismiss="modal" class="close">Close</a>
    </div>
    </div>