Закрытие Colorbox в IFRAME

Question

Я попытался открыть ColorBox когда пользователь отправляет форму, выполнив следующие действия:

$.colorbox({ 
    'iframe': true, 
    'width':'550px', 
    'height':'200px', 
    'href': 'index.html', 
    'onClosed': function() 
    { 
     var form$ = $('#book-form'); 
     form$.get(0).submit(); 
    } 
}); 

, и я стараюсь, чтобы закрыть его в IFRAME, выполнив следующие действия (когда люди нажимают на «Да»):

$('#yes').click(function() 
{ 
    parent.$('#repeat_provider').val(" . $booking['provider_id'] . "); 

    parent.$.colorbox.close(); 

    return true; 
}); 

, но цветная коробка фактически не закрывается. Не знаете, что я сделал неправильно?

Answer 1

Что вы должны работать, но есть несколько вещей, которые вам нужно иметь в виду.

Если вы привязываете это событие click к элементу привязки, вам необходимо обработать поведение по умолчанию. И если вы развеяли псевдоним $ jQuery в своем родительском документе, вам нужно помнить об использовании jQuery.

$('#yes').click(function() 
{ 
    parent.jQuery('#repeat_provider').val("whatever"); 
    parent.jQuery.colorbox.close(); 
    return false; // cancel the default click event 
});