ColorBox Onclose功能不起作用

Question

我正在尝试打开一个新的颜色框窗口。

我正在使用此代码：

$(".inline").colorbox({
    inline: true, 
    width: "50%", 
    escKey: false,
    onClose: function() {
        $('#newWindow').show();
    }

如果此代码有任何问题？

Answer 1

描述

假设您使用jack moore's colorbox jQuery plugin，则必须将onClose更改为onClosed并使用open:true。 你必须关闭这个功能。

查看jsFiddle Demonstration。

样品

<强> HTML

<div class="firstColorBox">first</div>
<div class="secondColorBox">second</div>

<强>的jQuery

$(".firstColorBox").colorbox({
    inline:true, 
    width:"50%", 
    escKey:false,
    onClosed:function(){
        // open the other colorBox
        $(".secondColorBox").colorbox({
                inline:true, 
                width:"50%", 
                escKey:false,
                open:true
        });     
    }
});

更多信息

• 的 jsFiddle Demonstration
• jack moore's colorbox jQuery plugin

更新

Answer 2

'onClose'应为'onClosed'

请参阅此处的参考资料：http://jacklmoore.com/colorbox/

Answer 3

我建议使用colorbox附带的事件处理程序：

$(document).one('cbox_closed', function () { 
    $(".secondColorBox").colorbox({...}); 
}

这将允许页面上的javascript运行。我在第二个弹出窗口上运行标签时出现问题，这解决了这个问题。

函数1只会触发一次事件，因此您可以关闭第二个弹出窗口。