Bootstrap Event when the modal is fully shown

The shown.bs.modal event in Bootstrap fires when the modal is completely displayed.

The modal is displayed using the modal(show) method ?

$("#button1").click(function(){
  $("#newModal").modal("show");
});

Fire shown.bs.modal event and generate the alert as shown below ?

$("#newModal").on('shown.bs.modal', function () {
  alert('The modal is displayed completely!');
});

You can try to run the following code to implement the shown.bs.modal event in Bootstrap ?

Example

  
    
    
    
    
    
    
  

  

    

Entrance Exams
  
    
The following is the result of the entrance exams:
    Result
    

      

        

          

            ×
            
Selected Students
          
          

            
Rahul, Amit and Shweta cleared the exam.
          
          

            Close