Fancybox 自动关闭，但仍由用户控制答案

【问题标题】：Fancybox Auto Close, but remain user controlFancybox 自动关闭，但仍由用户控制
【发布时间】：2014-02-12 04:48:32
【问题描述】：

我搜索了论坛，但我找不到解决方案。我指的是这个线程来执行自动关闭功能： http://groups.google.com/group/fancybox/browse_thread/thread/d09438b7... 我确实遵循了 JFK 的解决方案，效果很好：

'onComplete': function() { 
   $("#fancybox-wrap, #fancybox-overlay").delay(3000).fadeOut(); 
   }

如果不希望用户关闭该框，则添加 modal=true

场景是我希望用户可以选择关闭当他们单击 [关闭] 按钮或单击覆盖。我正在使用最新版本的 FB 和 jQuery on Rails。

这是我的脚本：

<script type="text/javascript"> 
  jQuery(document).ready(function() { 
    jQuery("#link_post").fancybox({ 
      'autoDimensions':false, 
      'width':380, 
      'height':50, 
      'title':'This message box will automatically close in 10 
seconds.', 
      'titlePosition':'outside', 
      'onComplete': function() { 
        jQuery("#fancybox-wrap, #fancybox- 
overlay").delay(10000).fadeOut(); 
      } 
    }); 
  }); 
</script>

但是，当我点击关闭按钮时，标题和关闭按钮会消失，但FB的内容和覆盖仍然那里！它只会在 10 秒后消失。所以，我的问题是如果用户单击关闭，如何覆盖“onComplete”功能按钮自动关闭之前？

【问题讨论】：

标签： javascript jquery fancybox

【解决方案1】：

好的，我找到了解决方案。仅供参考，我使用的是 fancybox v1.3.1 和 jQuery v1.4.2

<script type="text/javascript"> 
  jQuery(document).ready(function() { 
    jQuery("#link_post").fancybox({ 
      'autoDimensions':false, 
      'width':380, 
      'height':50, 
      'title':'This message box will automatically close in 10 
seconds.', 
      'titlePosition':'outside', 
      'onComplete': function() { 
        jQuery("#fancybox-wrap, #fancybox- 
overlay").delay(10000).fadeOut(); 
      } 
    }); 

    jQuery("#fancybox-close").click(function() {
      jQuery('#fancybox-overlay').stop();
      jQuery('#fancybox-wrap').stop();
    });

  }); 
</script>

【讨论】：

【解决方案2】：

    $(document).ready(function() {
    $('.fancybox').fancybox({
    'afterLoad': function() { 
       $(".fancybox-overlay").delay(3000).fadeOut(); 
    }
    });
});

这是工作！对于fancybox v2.x。

【讨论】：