Question

我正在使用 Fancybox 来处理我的应用程序。现在来处理我们写的东西类似 :

$(".fancybox").fancybox({onClose:function(){alert( blah );}}

可见于此文档页面:

http://fancyapapps.com/fancybox/#docs>>http://fancyapapps.com/fancybox/#docs

然而,我想写一些普通的和全球性的, 给每时每刻都会运行的所有花瓶。我该怎么做? 简言之, 我不想在每个花瓶上写上“ 关闭” 的代码, 也不希望它依赖类, id (例如, 此处的 < code>. fancybox ) 。我该怎么做? 我试着写 :

$.fancybox({onClose:function(){alert( blah );}}

但它不起作用,从医生看,它看起来像是一种功能,用来开张预言式的。

Answer 1

我不确定这是否是最好的解决方案但我会去一个酒吧/子模式所以,在你的花瓶里,你应该做类似的事情。

$( ".fancybox" ).fancybox( {
    onClose: function () {
        $( window ).trigger(  fancyboxClosed  );
    }
} );

然后,在你的代码中某处:

$( window ).on(  fancyboxClosed , function () {
    // Your global function for fancybox closed
} );

我不太了解你的目的但是要记住你总是能通过一个命名的功能而不是匿名的功能这样你总是能触发同样的功能

以上的例子应该是,如果你想根据每个花瓶的不同做出不同的事情,应该如何去做。

另外,您可以将事件附加到任何您想要的物件上。只是为方便而使用窗口。

< 强力 > 编辑 < /强 >

您也可以编辑您的花哨箱源来做到这一点( 1.3.4 编辑) 只需添加 < code>$( windowow) 。 trigger( 花瓶关闭 ) ; 到第 953 行周围。

Answer 2

尝试使用方法

关闭前或关闭后

这本守则的工作罚款

$(".fancybox").fancybox({beforeClose:function(){alert( blah );}}

Answer 3

From what I see, Fancybox is not providing any API for that. You can instead use a hack. The lightbox is closed when:

close button is clicked (div with class fancybox-close )
black background is clicked (div with class fancybox-overlay )
escape button is pressed (e.which = 27)

所以, 您可以在身体上添加点击处理器, 检查事件是否发生。目标是否为. fancybox- close 或. fancybox- overlay 。另在文档中添加一个按键调控器, 以在按下逃出键时监听。

Answer 4

这是1.3.4的体面解决办法。

$(document).delegate( #fancybox-close,#fancybox-overlay , click ,function(){
    FancyBoxClosed(); 
});
$(document).keyup(function(e){
    if(e.keyCode == 27){
        if($( #fancybox-overlay ).css( display ) !=  none )
            FancyBoxClosed();
    }
});

function FancyBoxClosed()
{
    //global callback for fancybox closed
}

用于1.3.4以外的版本, 双倍地检查方略框元素选择器, 以使用、萤火虫或其他方式选择重叠和关闭按钮。

友情链接