Bootstrap Modal Not Showing Code Example


Example 1: bootstrap show modal on page load

<script type="text/javascript">     $(window).on('load',function(){         $('#myModal').modal('show');     }); </script>

Example 2: bootstrap modal not close

$('#MymodalPreventScript').modal({     		backdrop: 'static',     		keyboard: false 		});

Example 3: .show() and .hide not working for bootstrap modal

<button class="button primary" id="buy" style="text-decoration:none;" type="button">Review and confirm</button>  <div class="modal-bootstrap fade bs-example-modal-sm" id="myModal" tabindex="-1" role="dialog" aria-labelledby="smallModalLabel" aria-hidden="true">     <!-- modal contents --> </div>  <script type="text/javascript"> $("#buy").click(function () {     var a = 4;     if (a == 5) {         alert("if");         $('#myModal').modal('show');     } else {         alert("else");         $('#myModal').modal('hide');     } }); </script>

Example 4: input doesnt work on open modal bootstrap

Remove in div.modal: tabindex="-1"

Comments

Popular posts from this blog

Converting A String To Int In Groovy

"Cannot Create Cache Directory /home//.composer/cache/repo/https---packagist.org/, Or Directory Is Not Writable. Proceeding Without Cache"

Android How Can I Convert A String To A Editable