data-dismiss= modal in jquery
$(document).ready(function(){
// Open modal on page load
$("#myModal").modal('show');
// Close modal on button click
$(".btn").click(function(){
$("#myModal").modal('hide');
});
});close bootstrap modal with javascript
$('#myModal').modal('hide');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 prevent close
$('#myModal').modal({backdrop: 'static', keyboard: false})bootstrap modal not close
$('#MymodalPreventScript').modal({
backdrop: 'static',
keyboard: false
});bootstrap modal on close
$('#myModal').on('hidden.bs.modal', function () {
// do something…
});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
