javascript - 開いているカラーボックスにイベント リスナーをアタッチするにはどうすればよいですか?

Question

jQueryカラーボックスを使用しています。カラーボックスを開いた後、close イベントにイベント ハンドラーをアタッチしたいと考えています。
どうすればいいですか？

Answer 1

Colorbox には、使用できるイベント フックがあります。したがって、関数を cbox_open イベントにバインドし、その関数で close イベントの関数をバインドできます。

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

​