How do I open one Fancybox after another closes?

后端 未结 3 1125
梦毁少年i
梦毁少年i 2020-12-10 00:00

I have 2 fancyboxes and am trying to open the second from the first (either by button or by closing the first)..

3条回答
  •  死守一世寂寞
    2020-12-10 00:22

    Ok, I finally got it to work (my first encounter with fancybox). It seems that callbackOnClose is called upon closing, not after closing. Hence the second fancybox cannot pop up until after the first one closed completely.

    The trick? Delay the opening of the second one by using a timer. This is by no means the perfect answer, could behave oddly if timer is set too short, and not ideal if set too long. 100ms works for me. Here's the code.

    Script:

    $(document).ready(function() {
        $("a#hiddenLink").fancybox({ 'hideOnContentClick': false, 'frameWidth': 300, 'frameHeight': 300, 
          callbackOnClose: function() { window.setTimeout('open2()',100); } 
        }).trigger('click');
    });
    function open2(){
        $("a#fancyboxButton").fancybox().trigger('click');
    }
    

    HTML:

    
    
    
    

提交回复
热议问题