링크를 클릭하면 Magnificent Popup Iframe을 닫습니다.

Question

그래서 지금 Magnific Popup iframe은 (Machforms를 사용하여) 형태로 열립니다.

<div align="center"> 
    <a class="popup-link" href="...machform/view.php?id=3717"> 
    <img src="images/image.png"> 
    </a> 
</div> 

양식을 제출 한 후에는 다른 iframe이 팝업 리디렉션하고 새 탭에서 열리는 pdf 다운로드에 대한 링크가 있습니다.

Thank you. Your submission has been successful! <br/> 
<a href=".../downloads/TEST%20DOWNLOAD%20PAGE.pdf" target="_blank">Download file here. 
</a> 

클릭하면 '다운로드 파일은 여기에 있습니다.' 링크를 클릭하면 팝업 창이 자동으로 닫힙니다.

어떻게해야합니까? closeOnContentClick을 시도하고 닫기를 무시했지만 특정 링크에서 작동하지 않을 수 있습니다.

미리 감사드립니다.

Answer 1

자바 스크립트가있는 클릭 핸들러를 해당 링크에 연결 한 다음 콜백을 위해 window.close()를 호출하십시오. (jQuery로)

예는 :

$('[link selector here]').click(function() { 
    window.close(); 
}); 

이는 iframe에 코드에 추가되어 있는지 확인하십시오, 그렇지 않으면 당신의 주 창을 닫습니다.

Answer 2

$.magnificPopup.close()을 수동으로 호출하지만 iframe이므로 부모 창에서 호출해야합니다. 여기

내가 당신의 자바 스크립트 파일이 내

$('#yourlinkID').click(function(e) { 
    e.preventDefault(); 
    if (window.parent == window.top) { 
     window.parent.$.magnificPopup.close(); 
    } 
}); 

Answer 3

당신의 연결에 클래스 .close - 내 - 팝업을 추가 이전 프로젝트를했고, 내용은 다음과 같습니다

$(document).ready(function() {  
$('.close-my-popup').click(function() { 
    $.magnificPopup.close(); 
}); 
}); 

또는 당신은 할 수 그것은 다음과 같습니다 :

<a href=".../downloads/example.pdf" target="_blank" onclick="$.magnificPopup.close();">Download file here.</a>