bootstrap close modal jquery code example

Example 1: on modal close jquery

$('#myModal').on('hidden.bs.modal', function () {
  // do something…
})

Example 2: jquery close bootstrap model

$('#modal').modal('hide');

Example 3: 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');
        });
    });

Example 4: close bootstrap modal with javascript

$('#myModal').modal('hide');

Example 5: open bootstrap modal with javascript

$("#myModal").modal()

Example 6: bootstrap modal on close

$('#myModal').on('hidden.bs.modal', function () {
    // do something…
});