javascript - 在 iframe 中关闭颜色框

Question

一旦用户通过执行以下操作提交表单，我尝试打开一个颜色框：

$.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

您所拥有的应该可以工作，但是您需要牢记几件事。

如果将此单击事件绑定到锚元素，则需要处理默认行为。如果您在父文档中将 $ 别名与 jQuery 分离，则需要记住使用 jQuery。

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