Javascript $.Colorbox：如何在单击时动态绑定rel组

我需要将组绑定到我想要打开回调的任何位置。当我预定义rel group类来标记sub时，它工作得很好。 这是我的密码

$(document).ready(function () {
   $(".lightbox-group").colorbox({
   rel: 'lightbox-group',
   photo: true,
   onClosed: function () {
       $(".box.small").each(function () {
           $(this).attr("href","#");
           $(this).removeClass("lightbox-group").removeClass("cboxElement");
       });
   },
   onOpen: function() {
       $("a.box.small").addClass("lightbox-group").addClass("cboxElement");
       $("a.box.small").attr("href", "data:image/jpeg;base64,UHdAF...");
}
   });
});

这是我在sub中的HTML，我想将其包含在main中现有的组中

<div id="main">
    <a id="zoom-btn" class="lightbox-group"
        href="data:image/jpeg;base64,iVB0w0...">Zoom</a>
</div>

<div id="sub">
    <a href="#" class="box small">
       <img src="data:image/jpeg;base64,USZ8s...">
    </a>
</div>

请给我一些建议，我已经在这里呆了18个小时了：' 先谢谢你 -同伴

优化

 onOpen: function (){
   $("a.box.small").addClass("lightbox-group").addClass("cboxElement");
   $("a.box.small").attr("href", "data:image/jpeg;base64,UHdAF...");
}

我发现我错过了什么

---

在调用colorbox之前，我必须先绑定cboxElement。在onOpen中无法完成此操作。

谢谢您的时间。我在当前代码中发布了错误的代码我有正确的语法。

 onOpen: function (){
   $("a.box.small").addClass("lightbox-group").addClass("cboxElement");
   $("a.box.small").attr("href", "data:image/jpeg;base64,UHdAF...");
}