动态地将类名添加到Colorbox

Question

我已经在这里看到了关于这个问题的问题,但我有一个不同的问题试图让它工作.

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

出于某种原因,虽然第二个函数(其中执行.addclass)不起作用(当我检查firebug中的代码时,它甚至不进入该函数).

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

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

谢谢伊恩

Answer 1

更新:

较新版本的Colorbox支持新的className设置,可用于向colorbox添加额外的类名.

原始答案:

您需要为colorbox指定onOpen回调,如下所示:

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

还可以选择监听cbox_open事件而不是使用回调 - 有关详细信息,请参阅http://jacklmoore.com/colorbox/.