jQuery Colorbox : 프레스 제출 버튼의 Colorbox 닫기

jQuery Colorbox 모달 창 안에 MailChimp 가입 양식을 삽입하려고합니다. 일할 모든 것이 있지만 구독 양식을 제출할 때 Colorbox를 닫는 방법을 알아낼 수는 없습니다.jQuery Colorbox : 프레스 제출 버튼의 Colorbox 닫기

저는 Stackoverflow에서 여기에있는 Colorbox 웹 사이트 및 기타 질문을보고 있지만 제대로 작동하지 않습니다. 내가 지금까지 가지고하는 것은 :

내 뉴스 레터 형태로, 그리고

<script type="text/javascript"> 
$(document).ready(function(){ 
$('#cboxContent .closebutton').live('click', function(){ 
$.fn.colorbox.close();}); 
}); 
</script>

을 추가 한 내부, 내 제출 버튼 클래스 "closeButton으로"를 추가했습니다, 그래서 같이 이 :

<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="closebutton"></div>

나는 작동하지 않는다.
내가 뭘 잘못하고 있니?

진심 - Mestika

출처

2011-12-20 Mestika

당신이 당신의 불을 지르고 콘솔에 오류 출력을 가지고 있습니까? 클릭 기능으로 콘솔에 무언가를 인쇄하십시오. 예를 들어'console.log ("clicked")를 시도하십시오 – DKSan

"작동하지 않습니다"보다 질문에 더 많은 것을 제공해야합니다. 제출을 누르거나 더 나은 아직 프로젝트에 대한 링크를 게시 후 볼 동작을 정교하게보십시오. –

는이 iframe이 내부 양식을 구독 할 수 있습니까? 그렇다면 부모 객체에서 $ .colorbox.close를 호출해야합니다. 예 :

parent.$.colorbox.close();

또한 단추 누르기와 다른 방법으로 처리 할 수 있습니다. 양식을 닫기 전에 양식이 성공적으로 제출되었는지 확인해야합니다.

출처

2011-12-21 01:49:36 Jack

$(window).load(function() { 
     $('#signupform').submit(function(){ 
     parent.jQuery.fn.colorbox.close() 
    }); 
});

mailchimp 가입 양식으로 인라인 콘텐츠를 만들었으며 "signupform"ID가 있습니다.

출처

2013-07-29 15:39:01 Christina

이후의 시도와 노력, 다양한 포럼을 참조하거나 항상 유래에 함수가 나를 위해 일을 닫습니다 당신은 클릭을 변경할 수 있습니다

$("#edit-next").click(function(e) { 
     e.preventDefault(); 
     window.parent.jQuery.colorbox.close(); 
     this.submit; 
    });

이 제출 좋은 일이 또한 작업입니다 드루팔 (Drupal)을 위해서, 저는이 예제를 colorbox의 제작자 페이지에서 찾습니다.

자원 http://www.jacklmoore.com/colorbox/faq/#faq-close

출처

2016-09-19 21:19:17 jonathan

jQuery Colorbox : 프레스 제출 버튼의 Colorbox 닫기

답변

관련 문제