Colorbox：爲多個燈箱以不同方式綁定cbox_complete

Question

我正在使用「COLORBOX」（http://colorpowered.com/colorbox/）。

我有兩個不同的colorboxes在頁面上，他們訪問如下。

$("#link_1").live('click', function() { 
    $.fn.colorbox({width:"1100px", height:"645px", inline:true, href:"#box_1"}); 
    return false; 
}); 

$("#link_2").live('click', function() { 
    $.fn.colorbox({width:"1100px", height:"645px", inline:true, href:"#box_2"}); 
    return false; 
}); 

對於每個colorboxes的，我需要通過結合「cbox_complete」功能做一些「後處理」。

$('#link_1').bind('cbox_complete', function() { 
    // something for link_1 
    console.log('this happens after link_1 colorbox is opened!); 
}); 

$('#link_2').bind('cbox_complete', function() { 
    // something for link_2 
    console.log('this happens after link_2 colorbox is opened!); 
}); 

但是上面兩個「綁定」沒有觸發。如果我遵循，它可以正常工作。

$(document).bind('cbox_complete', function() { 
    // something for link_1 
    console.log('this happens after link_1 AND link_2 colorbox is opened!); 
}); 

如何創建兩個不同的「cbox_complete」綁定？我試過

$('#link_1').live('cbox_complete', function() {..... 

但是這也沒有任何運氣。

Answer 1

貌似事件唯一的全球觸發：https://github.com/jackmoore/colorbox/blob/master/colorbox/jquery.colorbox.js#L164

怎麼樣，如果你這樣做呢？

$("#link_1").live('click', function() { 
    $.fn.colorbox({ 
     width:"1100px", height:"645px", 
     inline:true, href:"#box_1" 
    }, function() { 
     console.log('this happens after link_1 colorbox is opened!); 
    }); 
}); 

Answer 2

使用onComplete回調進行鏈接特定的回調。