모달이 열려 있는지 확인할 수 없음 [중복]

Question

모달이 열려 있는지 확인할 수 없습니다. 아래는 내 코드입니다.

<button id="btnOpenModal" class="btn btn-primary lift" data-toggle="modal" data-target="#myModal">
    Open Modal 
</button>

<!-- Modal -->
<div class="modal fade fixed-right" id="myModal" tabindex="-1" aria-modal="true" role="dialog">
    <div class="modal-dialog modal-dialog-vertical d-none" role="document">
        <div class="modal-content bg-glass">...</div>
    </div>
</div>

이것은 내 JQuery입니다.

$(document).ready(function() { if ($("#btnOpenModal").on("click", function(e) {
        if($('#myModal').hasClass("show")) console.log("shown");
    }));
});

show버튼을 클릭하면 모달이 클래스에 동적으로 추가 되며 show클래스가 있는지 확인하고 싶습니다 .

Answer 1

다음과 같이 모달 버튼 onclick 이벤트를 래핑 한 if 문을 제거합니다.

   $("#btnOpenModal").on("click", function(e) { setTimeout(()=>{ if($('#myModal').hasClass("show"))     {console.log("shown");}
   }, 2000)
   });

2 초간 기다렸다가 확인을 수행합니다.