如何将事件侦听器附加到打开的颜色框？

Question

我正在使用jQuery颜色框。我希望在打开颜色框之后将事件处理程序附加到关闭事件 我该怎么做？

Answer 1

将onClosed回调设置为函数引用，然后在收到用户输入后更改该函数。

example jsfiddle

类似的东西：

// initialize your callback function
var closeEvent = function() {
    console.log('not handled');
};

$(".group1").colorbox({
    rel:'group1',
    onComplete: function() {
        // set the callback function after the colorbox has been opened 
        // (can substitute your own custom button event in leiu of this onComplete event)
        closeEvent = function() {
            console.log('handled');
        }
    },
    onClosed: function() { closeEvent() }
});

​

Answer 2

Colorbox具有您可以使用的事件挂钩。因此，您可以将函数绑定到cbox_open事件，并在该函数中绑定一个函数用于close事件。

$(document).bind('cbox_open', function(){
    $(document).bind('cbox_closed', function(){
       alert('x');
    });
});