使用Colorbox（JQuery灯箱插件），如何单击图像关闭灯箱？

Question

$('a.post_ext_img').colorbox({
            photo: true,
            transition: 'none'
        });

我正在使用此插件：http://jacklmoore.com/colorbox/

有没有办法让它在用户点击照片时关闭它？

Answer 1

我不认为该插件为此提供了一个选项。因此，您可以订阅图像的click事件并手动触发close方法：

$('a.post_ext_img').colorbox({
    transition: 'none', 
    photo: true,
    onComplete: function(result) {
        $('.cboxPhoto').click(function() {
            $(this).unbind('click');
            $.colorbox.close();    
        });
    }
});

这是一个live demo。