[jquery] 부트 스트랩 모달 닫기

처음에 표시하려는 부트 스트랩 모달 대화 상자가 있는데 사용자가 페이지를 클릭하면 사라집니다. 나는 다음을 가지고있다 :

$(function () {
   $('#modal').modal(toggle)
});

 <div class="modal" id='modal'>
     <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">Error:</h3>
        </div>
        <div class="modal-body">
        <p>Please correct the following errors:</p>
        </div>
     </div>
 </div>

모달은 처음에 표시되지만 모달 외부를 클릭해도 닫히지 않습니다. 또한 내용 영역이 회색으로 표시되지 않습니다. 처음에 모달을 표시 한 다음 사용자가 영역 외부를 클릭 한 후 닫는 방법은 무엇입니까? 데모 에서처럼 배경을 회색으로 표시하려면 어떻게해야합니까?

답변

modal('toggle')대신에 넣어modal(toggle)

$(function () {
   $('#modal').modal('toggle');
});

답변

부트 스트랩 모달 을 닫으 려면 다음과 같이 모달 방법에 옵션으로 ‘숨기기’ 를 전달할 수 있습니다

$('#modal').modal('hide');

여기 에서 바이올린 작업을 살펴보십시오.

부트 스트랩은 모달 기능에 연결할 수있는 이벤트를 제공합니다 . 모달이 사용자로부터 숨겨 졌을 때 이벤트를 시작하려는 경우 hidden.bs.modal 이벤트를 사용 하면 모달 메서드 및 이벤트에 대한 자세한 내용을 볼 수 있습니다. 선적 서류 비치

위의 방법으로도 작동하지 않으면 닫기 버튼에 ID를 부여하고 닫기 버튼을 클릭하십시오.

답변

$('#modal').modal('toggle');

또는

$('#modal').modal().hide();

작동해야합니다.

그러나 아무것도 작동하지 않으면 모달 닫기 버튼을 직접 호출 할 수 있습니다.

$("#modal .close").click()

답변

이것은 나를 위해 일했다 :

<span class="button" data-dismiss="modal" aria-label="Close">cancel</span>

이 링크 사용 모달 가까이

답변

$("#your-modal-id").modal('hide');

수업 ($(".my-modal"))을 통해이 통화를 실행하면 작동하지 않습니다.

답변

이 시도

$('#modal_id').modal('hide');

답변

이것은 꽤 좋으며 각도 2에서도 작동합니다.

$("#modal .close").click()