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能够提供两个加载页面弹出窗口？两个相似的触发？

2 个答案: