Bootstrap Modal에서 페이지 이동 시 백그라운드 어두움효과(dim)가 사라지지 않는 문제 해결법

Bootstrap Modal Confirm 동작과 Ajax 처리

Bootstrap에서 modal로 특정 동작의 confirm동작을 하고 확인시 ajax으로 성공하면 결과페이지로 이동하는 기능에 대해 알아봅니다.

문제 상황

Modal이 사라진 후 background의 dim효과가 사라지지 않고 비활성 상태가 되는 문제가 발생했습니다.

해결 방법

'modal-backdrop' 클래스 관련 처리로 문제를 해결할 수 있었습니다.

$('#your-modal-id').modal('hide');
$('body').removeClass('modal-open');
$('.modal-backdrop').remove();

출처 : StackOverflow