Fancybox 能够提供两个加载页面弹出窗口？两者相似触发？

Question

我尝试配置 fancybox 以设置两个 fancybox 弹出窗口作为点击触发器同时启动，一个弹出来自 youtube 的视频，作为 iframe 方法，第二个应该带来一些信息创建网站的作者。我设法设置了弹出窗口运行，但只有一个被触发，而不是两个。（我希望视频 iframe 第一个弹出，关闭后，您可以阅读有关作者的信息。）这是我的 HTML 代码：

<div id="custom-stuff-blea">

        <li>
        <a class="various" data-fancybox-type="iframe" href="<?php echo get_bloginfo('template_url'); ?>/fancybox/popup/video.html">Iframe</a>
       </li>
       <li>
       <a class="various2" data-fancybox-type="iframe" href="<?php echo get_bloginfo('template_url'); ?>/fancybox/popup/info.html">Iframe</a>
      </li>

JS代码：

jQuery(document).ready(function($) {
$(".various2").fancybox({
    maxWidth    : 800,
    maxHeight   : 600,
    fitToView   : false,
    width       : '70%',
    height      : '70%',
    autoSize    : false,
    closeClick  : false,
    openEffect  : 'none',
    closeEffect : 'none',

});
});

js代码准备文档：

jQuery(document).ready(function($) {
    $('#custom-stuff-blea .various').trigger('click');
});

您可以在 http://54.201.22.120/merlinitheme/

查看实时预览

Answer 1

您可以使用 onClosed 并创建另一个 fancybox。检查 API here

Answer 2

好的，我解决了这个问题，首先您需要在 java 中为 js 代码设置一个 afterClose：

    jQuery(document).ready(function($) {
$(".various").fancybox({
 'afterClose': function() { 
        $("#custom-stuff-blea .various2").fancybox().trigger("click");
    }

在此之后添加第二个弹出窗口的设置（various2）

jQuery(document).ready(function($) {
$(".various2").fancybox({
    maxWidth    : 800,
    maxHeight   : 600,
    fitToView   : false,
    width       : '70%',
    height      : '70%',
    autoSize    : false,
    closeClick  : false,
    openEffect  : 'none',
    closeEffect : 'none',
    });
});

现在就开始吧！

Fancybox 能够提供两个加载页面弹出窗口？两者相似触发？

Fancybox able to give two loading page pop ups ? both similar triggered?

jquery

popup

fancybox

fancybox-2