2009-06-01 5 views
23

양식을 제출하고 ASP.Net MVC를 사용하여 결과가 기록 된 후 자동으로 호출되는 JavaScript 함수에서 Simplemodal 창을 닫고 싶습니다. jQuery Simplemodal을 닫으려면 어떻게해야합니까? 내가이 길을 연jQuery Simplemodal을 어떻게 닫습니까?

:

$("#popup").modal() 

답변

66

당신은 두 가지 옵션이 있습니다.

위의 예를 복용, 당신이 원하는 것 : 당신이 프로그래밍 방식으로 대화 상자를 닫습니다 할 때

<div id="foo" style="display:none"> 
    <p>Form HTML</p> 
    <span class="simplemodal-close">Close</span> 
</div> 

2), 전화 :

$.modal.close(); 

HTH를!

-Eric (SimpleModal 저자)

+0

간단한 모달의 CSS는 어디에 있습니까? 단순한 모달의 * .js에 대해서만 CDN을 찾았습니다. https://cdn.jsdelivr.net/simplemodal/1.4.4/jquery.simplemodal.min.js – FrenkyB

+1

멋진 툴 에릭에게 감사드립니다. – FrenkyB

7

그냥 근처를 호출합니다.

$("#popup").close(); 

아약스 완료를 위해 콜백을 추가해야합니다. 실패를 확인하고 싶을 수 있습니다.

1) 모달 데이터 요소에 대한) (simplemodal-가까운 가까운 클래스를 넣고 SimpleModal가 자동으로 해당 요소에 클릭 이벤트에 가까운 기능을 바인딩 :

var foo = $("#popup").modal(); 

$.ajax({url:url, success:function(){ 
    foo.close(); 
}}); 
+0

이것은 나를 위해 일했습니다 :) thanks – gfivehost

1
$.modal.close(); 

또는 다음 명령을 사용할 수

setTimeout('goto_previous_page()', 1000); 
4

위의 방법으로도 문제가 해결되지 않는 경우 당신은 또한 주변의 클릭 이벤트를 트리거하기 위해 시도 할 수 있습니다 버튼 (팝업 요소 안에 위치하는 한).

$(".simplemodal-close").trigger("click"); 

또는 자바 스크립트로 오류가 발생했습니다.

document.getElementById('closeModalButton').click(); 
+0

감사합니다. 이것은 저에게 도움이되었습니다. – Matheno

관련 문제