单击背景关闭Colorbox

Question

我正在使用jQuery Colorbox插件。当用户关闭Colorbox时，我正在调用一个回调函数，该函数使用jQuery执行其他UI任务。我的Colorbox代码是这样的：

$('.inline').colorbox({ inline:true, width: '1020px', onClosed: closeColorbox() });

只要点击“关闭”按钮，这个效果很好。但是，如果我单击黑色背景（当Colorbox打开时隐藏的屏幕部分），则Colorbox会关闭，但不会触发回调。

有人知道如何通过点击Colorbox区域外部关闭Colorbox时进行回调吗？

Answer 1

$(document).bind('cbox_closed', function(){ 
    setTimeout(closeColorBox(), 1500); 
});

Answer 2

您可以在叠加层上添加点击事件

$('#cboxOverlay').click(function() {
    closeColorBox();
});