Question

我已经在这里看到了关于这个问题的问题，但是我有一个不同的问题试图让它发挥作用。

使用以下代码，我想在打开颜色框灯箱时为其添加一个类名。

由于某种原因，虽然第二个函数（执行.addclass）不起作用（当我检查firebug中的代码时，它甚至不进入该函数）。

        $(document).ready(function(){
            $(".box1").colorbox(function(){
                $("#colorbox").addClass("box1");
            });
        });

这是我缺少的东西还是我试图做错了？

谢谢伊恩

Answer 1

<强>更新

较新版本的Colorbox支持新的className setting，可用于向彩盒添加额外的类名。

原始回答：

您需要为colorbox指定onOpen回调，如下所示：

   $(document).ready(function(){
       $(".box1").colorbox({onOpen: function(){
           $("#colorbox").addClass("box1");
       }});
   });

还可以选择收听cbox_open事件而非使用回调 - 有关详细信息，请参阅http://jacklmoore.com/colorbox/。

Answer 2

根据ColorBox上的EventHook部分尝试此操作。

$(document).bind('cbox_complete', function(){
    $("#colorbox").addClass("box1");
});

Answer 3

这将解决问题，它是一个新属性：

$('.my-box').colorbox({className: 'my-class'});

动态地将类名添加到Colorbox

3 个答案: