Having closed modal’s hang around in the background can be very annoying and cause unexpected selector behaviour. Here are methods to completely remove the modal when its hidden.


Bootstrap 3


/* Automatically */
$(".modal").on('hidden.bs.modal', function () {
  $(this).data('bs.modal', null);
});

/* Manually */
$( '.modal' ).modal( 'hide' ).data( 'bs.modal', null );

Bootstrap 2


/* Automatically */
$('body').on('hide', '.modal', function(e){
  $(e.target).data('modal', null);
});

/* Manually */
$('.modal').remove();
$('.modal-backdrop').remove();
$('body').removeClass( "modal-open" );


Related External Links: