使用JS根据节点ID更改Colorbox的背景颜色？

Question

我有一个Drupal站点，它使用Views来显示节点列表，点击后会显示在Colorbox中。

现在，我正在尝试更改此Colorbox的背景颜色，它应该根据用户点击的节点而有所不同。

我试图效仿这个例子：http://jsfiddle.net/UFtrK/112/; 但我无法让它发挥作用 - bg颜色不会改变 - 永远。 我做错了什么？

这是一个链接示例：

<a class="colorbox-node colorbox-color init-colorbox-node-processed-processed" href="/node/55?width=800&height=550" data-bg="#0E83CD">freaky mash up</a>

这是我的JavaScript：

$(document).ready(function () {
$(".colorbox-color").colorbox({
    onComplete: function(){
        var bg = $.colorbox.element().data('bg');
        $('#cboxWrapper').css('backgroundColor', bg);
        $('#cboxLoadedContent').css('backgroundColor', bg);
    }
});
});