2011-07-07 13 views
7

提出後に近いカラーボックス:jQueryのカラーボックス、フォームはカラーボックスを使用して

http://colorpowered.com/colorbox/ 

イムカラーボックス内のiframeの機能を使用してウィンドウを開くためにこれを使用しました。ポップアップウィンドウ/ iframeにはフォームがあります。私が達成しようとしているのは、フォームが提出されたときです。私はカラーボックスウィンドウを閉じ、親ウィンドウをリフレッシュします。誰もこれで私を助けることができますか?ここで私はコードを使用していますが、手動で親ページをリフレッシュするカラーボックスウィンドウを閉じると、カラーボックスを閉じるためにカラーボックスポップアップ内のページにどのように伝えますか?

jQuery(document).ready(function(){ 
     jQuery(".purchasepop").colorbox({width:"80%", height:"80%", iframe:true, 
     onClosed:function(){ location.reload(true); }}); 
     }); 
+2

私は、これはあなたに答えを表示すると思います:http://stackoverflow.com/questions/2009973/close-colorbox-iframe-after-submit – Tim

+0

@Timは、私がこれを試みたが、エラーを受信指摘する必要があります。 parent。$は未定義です。私はポップアップにcolorbox jsファイルを含め、jqueryもロードしました。ポップアップが正常に機能するので、親からclose関数を使用しようとすると、エラーが発生するので、colorbox自体が動作することが分かります。 – John

答えて

9

私はnoconflictを使ってjqueryをロードしているので、間違った「変数」を参照していました。これはうまくいきました:

parent.jQuery.fn.colorbox.close(); 
+0

未定義の関数エラーが発生した場合でもこれは機能します。 parent.jQuery( '#cboxClose')。クリック(); –

+0

+1親ウィンドウで使用されているmootoolsとの競合を思い出させるため –

1

キャンセルボタンのクリックイベントでカラーボックスを閉じるために、次のコードを使用しました。

jQuery(document).ready(function() { 
    jQuery("#<%= btnCancel.ClientID %>").click(function() { 
     parent.jQuery.colorbox.close(); 
    }); 
}); 
関連する問題