bootstrap show modal on page load
<script type="text/javascript">
$(window).on('load',function(){
$('#myModal').modal('show');
});
</script>bootstrap show modal on page load
<script type="text/javascript">
$(window).on('load',function(){
$('#myModal').modal('show');
});
</script>close bootstrap modal with javascript
$('#myModal').modal('hide');prevent bootstrap modal from closing when clicking outside
<div id="idModal" class="modal hide" data-backdrop="static" data-keyboard="false">modal dismiss
<!-- Button trigger modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModalCenter">
Launch demo modal
</button>
<!-- Modal -->
<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>bootstrap modal on close
$('#myModal').on('hidden.bs.modal', function () {
// do something…
});bootstrap modal not close
$('#MymodalPreventScript').modal({
backdrop: 'static',
keyboard: false
});Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
