关闭这个奇特的盒子，打开那个花哨的盒子

Question

我正在尝试制作一个脚本，允许我打开一个奇特的盒子，关闭那个盒子时，一个新的花式盒子会打开或淡化......

当我点击以下链接时，它会打开包含视频的fancybox，我希望当我关闭它时，它会打开我点击演示链接时出现的fancybox。

<a id="various2" href="#divVideo" class="fl ml20"><img src="images/sites/img2.png" alt="" class="fl mr10" /></a>

演示：当我点击以下链接时，它会打开一个带有一些演示信息的fancybox。

<LI><A class="demo" id="example4" href="#demoView">Demo</A></LI>

以下是我的一段代码，但我不知道为什么它的封闭部分没有打开另一个fancybox。请帮助.......

jQuery(document).ready(function() {     

        $("a#example4").fancybox({
                'opacity'       : true,
                'overlayShow'   : false,
                'transitionIn'  : 'elastic',
                'transitionOut' : 'none'
            });

        $("#various2").fancybox({
            'opacity'       : true,
                'overlayShow'   : false,
                'transitionIn'  : 'elastic',
                'transitionOut' : 'none',

                'onClosed'  :   function() {
                            $('#faier').fadeIn(10);

                },
                'onStart'       :   function() {
                                            document.getElementById('iframe-video');

                            //alert("hi");
                            //$('#banner-rotator').royalSlider({slideshowEnabled:false,slideshowDelay:20000 });
                }
        });

Answer 1

当您关闭第一个fancybox时，使用trigger

打开第二个fancybox

<强> $("#faier").fancybox().trigger('click')

你的例子：

$("#various2").fancybox({
    'opacity'       : true,
    'overlayShow'   : false,
    'transitionIn'  : 'elastic',
    'transitionOut' : 'none',

    'onClosed'  :   function() {
                    $("#faier").fancybox().trigger('click');
        },
    'onStart'       :   function() {
                                    document.getElementById('iframe-video');

                    //alert("hi");
                    //$('#banner-rotator').royalSlider({slideshowEnabled:false,slideshowDelay:20000 });
        }
});

Answer 2

将此用作你的js：

jQuery(document).ready(function() {     

$("a#example4").fancybox({
        'opacity'       : true,
        'overlayShow'   : false,
        'transitionIn'  : 'elastic',
        'transitionOut' : 'none'
    });

$("#various2").fancybox({
    'opacity'       : true,
        'overlayShow'   : false,
        'transitionIn'  : 'elastic',
        'transitionOut' : 'none',

        'onClosed'  :   function() {
                    $('#faier').fancybox().trigger('click');
        },
        'onStart'       :   function() {
                                    document.getElementById('iframe-video');

                    //alert("hi");
                    //$('#banner-rotator').royalSlider({slideshowEnabled:false,slideshowDelay:20000 });
        }
});