jquery - 一个页面上有多个 ShadowBox 链接怎么可能呢？

Question

我在我的页面上使用 Shadowbox:http://www.shadowbox-js.com/index.html

我在同一页面上的 2 个独立网络用户控件上有 2 个链接，它们应该打开 2 个不同的页面。

我正在使用以下函数来初始化我的 shadowbox:

function InitializeShadowbox() {           
            Shadowbox.init({
                onOpen: shadowboxOpen,
                onFinish: shadowboxFinish,
                onClose: shadowboxClose,
                modal: true
            });
            // this will cause the shadowbox to setup itself again after a partial porstback.
            Shadowbox.setup();
        }

但问题是 Shadowbox.init() 函数是静态类上的静态函数，因此显然不可能有多个具有不同初始化程序的 shadowbox 链接？

我希望我可以创建一个新的 shadowbox 实例，命名并使用它。

我需要唯一地初始化它，如下所示，但它不起作用:

function InitializeShadowbox() {           
            Shadowbox[customLink].init({
                onOpen: shadowboxOpen,
                onFinish: shadowboxFinish,
                onClose: shadowboxClose,
                modal: true
            });
            // this will cause the shadowbox to setup itself again after a partial porstback.
            Shadowbox[customLink].setup();
        }

更新:添加了自定义初始化。

谢谢

Answer 1

功能是内置的。只需给每个链接或组一个唯一的名称:

<a href="http://www.google.com/intl/en_com/images/srpr/logo3w.png" rel="shadowbox[group1]">
   Google Logo
</a>
<a href="http://www.google.com/intl/en_com/images/srpr/logo3w.png" rel="shadowbox[group1]">
   Google Logo
</a>

<a href="http://l.yimg.com/a/i/ww/met/yahoo_logo_us_061509.png" rel="shadowbox[yahooLogo]">
   Yahoo Logo
</a>