jQuery Colorbox：Press submitボタンでカラーボックスを閉じる

Question

jQuery Colorboxモーダルウィンドウ内にMailChimpサブスクライブフォームを挿入しようとしています。私は働くためにすべてを持っているが、私はサブスクライブフォームを提出するときにカラーボックスを閉じる方法を見つけることができません。

私はColorboxのWebサイトやその他の質問をStackoverflowで見てきましたが、うまく動作しません。私がこれまで持っていることは次のとおりです。

私はその後

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

を追加しました内部では、私のニュースレターフォームで、私は私のsubmitボタンにクラス「closebutton」を追加しましたので、それがどのように見えますこの：

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

私は動作しません。
私が間違って何をしているのですか？

誠実 - Mestika

Answer 1

は、IFRAMEの内部の形を購読しますか？その場合は、親オブジェクトから$ .colorbox.closeを呼び出す必要があります。例：

parent.$.colorbox.close(); 

また、これはボタンを押すときとは異なる方法で処理することができます。フォームを閉じる前にフォームが正常に提出されたことを確認する必要があります。

Answer 2

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

mailchimp signupフォームでインラインコンテンツを作成しましたが、idは "signupform"です。

Answer 3

は、後の試してみてみてください、と様々なフォーラムを参照するか、常にstackoverflowの中で、機能はそれは私のために働い閉じるには、あなたはクリックを変更することができ

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

これを提出すると良い作業、これも働いていますdrupalのために、私はこの例をcolorboxの作成者のページで見つけます。

リソース http://www.jacklmoore.com/colorbox/faq/#faq-close