2011-07-07 2 views
7

Sử dụng hộp thuốc vẽ:Jquery hộp thuốc vẽ, hộp thuốc vẽ gần sau khi hình thức nộp

http://colorpowered.com/colorbox/ 

Im sử dụng này để mở một cửa sổ bằng cách sử dụng chức năng iframe trong hộp thuốc vẽ. Trong cửa sổ popup/iframe tôi có một biểu mẫu. Những gì tôi đang cố gắng đạt được là khi biểu mẫu được gửi, tôi muốn cửa sổ hộp màu đóng lại và cửa sổ chính để làm mới. Bất cứ ai có thể giúp tôi với điều này? Đây là mã mà tôi đang sử dụng ngay bây giờ, khi tôi đóng cửa sổ hộp màu theo cách thủ công, trang làm mới của trang gốc, nhưng làm cách nào để tôi nói trang bên trong cửa sổ bật lên hộp màu để đóng hộp màu?

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

Tôi nghĩ rằng đây sẽ cho bạn thấy câu trả lời: http://stackoverflow.com/questions/2009973/close-colorbox-iframe-after-submit – Tim

+0

@ Tim nên lưu ý của tôi đã cố gắng này, nhưng đã nhận được báo lỗi: parent. $ is undefined. Tôi đã bao gồm tệp jbox colorbox trong cửa sổ bật lên, tôi cũng đã tải jquery. Tôi biết colorbox chính nó hoạt động bởi vì các popup hoạt động tốt, chỉ cần cố gắng sử dụng chức năng đóng thông qua phụ huynh mang lại cho tôi lỗi đó. – John

Trả lời

9

Ok đã hoạt động, đã tham chiếu sai "biến" khi tôi đang sử dụng noconflict để tải jquery. Điều này đã làm việc:

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

Điều này cũng sẽ hoạt động nếu bạn gặp lỗi chức năng không xác định. parent.jQuery ('# cboxĐóng'), nhấn(); –

+0

+1 vì đã nhắc tôi về xung đột với mootools được sử dụng trong cửa sổ chính –

1

Tôi đã sử dụng mã sau để đóng hộp màu của tôi trên sự kiện nhấp nút hủy.

jQuery(document).ready(function() { 
    jQuery("#<%= btnCancel.ClientID %>").click(function() { 
     parent.jQuery.colorbox.close(); 
    }); 
});