Completely Remove Bootstrap Modal In Bootstrap 2 And 3

Posted By Weston Ganger

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" );