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

Question

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

Answer 1

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

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

Answer 2

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

示例 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() }
});

​