모달창 바깥영역 눌렀을때 안닫히게 하려면 어떻게 해야해요??

모달창 바깥영역 눌렀을때 안닫히게 하려면 어떻게 해야해요??

QA

모달창 바깥영역 눌렀을때 안닫히게 하려면 어떻게 해야해요??

답변 2

본문

var iframeModal_height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;

$("#iframeModalWin").html('<iframe id="iframeModalContent" src="' + move_href + '" style="display: block; border: none; width:100%;"></iframe>');

$('#iframeModalContent').height(parseInt(iframeModal_height * 0.85)); // 85%

$('#iframeModal').modal('show');

return false;

 

이렇게 열었는데 바깥영역을 누르면 닫히더라구요

바깥영역 눌렀을때 안닫히게 하고싶거든요.. 구글링해서 ..

$('#signup-modal').modal( {data-backdrop: 'static', data-keyboard: 'false'} );

data-backdrop='static' data-keyboard='false' 

이런걸 넣어봐도 닫히더라구요.. 넣는방법이 잘못된것같은데.. 방법이 있을까요?

이 질문에 댓글 쓰기 :

답변 2


var iframeModal_height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
$("#iframeModalWin").html('<iframe id="iframeModalContent" src="' + move_href + '" style="display: block; border: none; width:100%;"></iframe>');
$('#iframeModalContent').height(parseInt(iframeModal_height * 0.85)); // 85%
$('#iframeModal').modal({
    backdrop: 'static',
    keyboard: false
});
return false;

이방법도 해봤는데요 이렇게 하면 모달이 안열리는데요???
뒤에
backdrop: 'static',
    keyboard: false
},'show');
 
.modal({
    backdrop: 'static',
    keyboard: false,
show: true,
});


이렇게 붙여봐도 안열리는데.. 어떻게 열죠?


$('#adultModal').modal( 'show'); 이거 한줄을 더 넣어버리면 뜨긴하는데 여전히 닫힙니다..

부트스크랩 5라서 이런가요;;;


var iframeModal_height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
$("#iframeModalWin").html('<iframe id="iframeModalContent" src="' + move_href + '" style="display: block; border: none; width:100%;"></iframe>');
$('#iframeModalContent').height(parseInt(iframeModal_height * 0.85)); // 85%

// 부트스트랩 5 방식
var modal = new bootstrap.Modal(document.getElementById('iframeModal'), {
  backdrop: 'static',
  keyboard: false
});
modal.show();
return false;

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 37
© SIRSOFT
현재 페이지 제일 처음으로