부트 스트랩 모달이 표시 / 숨겨져 있는지 확인할 수 있습니까?

부트 스트랩 모달이 표시 / 숨겨져 있는지 확인할 수 있습니까?

---

부트 스트랩 모달이 현재 프로그래밍 방식으로 표시 / 숨겨져 있는지 확인할 수 있습니까?

처럼 bool a = if("#myModal").shown();?

참 / 거짓이 필요합니다

---

alert($('#myModal').hasClass('in'));

모달이 열려 있으면 true를 반환합니다.

---

가장 좋은 방법은 문서에 나와 있습니다.

$('#myModal').on('shown.bs.modal', function () {
  // will only come inside after the modal is shown
});

자세한 내용은 http://getbootstrap.com/javascript/#modals를 참조하십시오.

---

그것은 오래된 질문이지만 어쨌든 누군가가 똑같은 것을 찾고 있었을 때 사용했던 것입니다.

if (!$('#myModal').is(':visible')) {
    // if modal is not shown/visible then do something
}

---

모달 숨기기? 우리는 다음과 같이 확인합니다.

$('.yourmodal').on('hidden.bs.modal', function () {
    // do something here
})

---

사용 hasClass('in'). 모달이 OPEN상태 이면 true를 반환합니다 .

예 :

if($('.modal').hasClass('in')){
   //Do something here
}

---

공식적으로 :

> ($("element").data('bs.modal') || {})._isShown    // Bootstrap 4
> ($("element").data('bs.modal') || {}).isShown     // Bootstrap <= 3

{}모달이 아직 열리지 않은 경우를 피하기 위해 사용됩니다 (을 반환합니다 undefined). {isShown: false}더 이해하기 쉽게 동일하게 할당 할 수도 있습니다 .

---

if($('.modal').hasClass('in')) {
    alert($('.modal .in').attr('id')); //ID of the opened modal
} else {
    alert("No pop-up opened");
}

---

부트 스트랩 4 :

if ($('#myModal').hasClass('show')) {
    alert("Modal is visible")
}

---

나를 위해 이것은 작동합니다

 
if ($ ( "# myModal"). css ( "display")! = 'none'&& $ ( "# myModal"). css ( "visibility")! = 'hidden')


alert("modal shown");

참고 URL : https://stackoverflow.com/questions/19674701/can-i-check-if-bootstrap-modal-shown-hidden