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

【问题标题】：Fancybox able to give two loading page pop ups ? both similar triggered?Fancybox 能够提供两个加载页面弹出窗口吗？两者相似触发？
【发布时间】：2015-02-09 11:41:57
【问题描述】：

我尝试将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/查看实时预览

【问题讨论】：

标签： jquery popup fancybox fancybox-2

【解决方案1】：

您可以使用onClosed 并创建另一个fancybox。查看APIhere

【讨论】：

+1 好主意，首先，我使用了 fancybox2，并且 closebtm 操作不再是 onClosed，它与“afterClose”一起使用。但是所有的功劳都归你所有！

【解决方案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',
    });
});

现在可以开始了！

【讨论】：