Question

我需要将组绑定到<a>我想要的地方（onOpen回调）。（当我预先定义rel-group类来标记#sub中的<a>时，它工作正常。）这是我的代码

$(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个小时：＆＃39;（先感谢您 - 研究员

Answer 1

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

优化

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

Answer 2

我找到了我错过的东西。

我在调用colorbox之前绑定了cboxElement（它不能在onOpen中完成）。

$ .Colorbox：动态点击如何绑定rel-group

2 个答案: