비동기 처리시 모달창 강제로 닫기

상황

비동기로 데이터를 추가한 이후 html페이지를 받아와서 html()로 페이지 요소를 넣어주는데 모달창이 제대로 안닫혀서 class="modal-backdrop fade show”로 화면전체를 덮는 문제가 발생
➡️ 모달창으로 화면이 덮혀서 아무런 클릭이 되지 않는 상황

아이디어

1. 모달창이 닫히는 시점에 강제로 modal-backdrop요소를 지워주기?

   }).on("hidden.bs.modal", function() {
   은 닫히고 나서 실행되는 것인데 모달이 닫히는 이벤트가 없어서 실행되지 않음.

2. 제출후에 강제로 닫아주기

해결

$('.modal-backdrop').remove()를 이용해서 제출후에 요소를 강제로 지워주었다.
비동기로 가져오는 거라서 해당 모달이 제대로 닫히지 않는 문제를 해결하였다.