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: