fancybox onStart onComplete状态不起作用

Question

我正在尝试使用FancyBox （jquery插件）继续使用onStart和onComplete方法

我似乎无法让它为我工作。 你们中的任何人都知道我做错了什么吗？

这就是我现在正在尝试的事情：

$(document).ready(function(){
    //top-menu highlight link
    $(".photos").removeClass().addClass("active");
    $("a.fancybox").fancybox({
        'overlayShow' : true,
        '0opacity'       : true,
        'overlayOpacity': 0.6,
        'onStart' : function(){ $("body").css('overflow','hidden');},
        'onComplete': function(){ $("body").css('overflow','auto');}        
    });
});

Answer 1

我也试图开始工作......

我得到了fancybox v2.1.5，但是当我在javascript文件中搜索“ onStart ”时，找不到它。 当我搜索'.trigger'时，我发现：' beforeLoad '

也许这可以帮助别人，在我的情况下这是我需要的:)

我还看到有一个' onReady '触发某处可以用来代替' onComplete '我猜！

PS我这样用它

$("a.popup").fancybox({
    beforeLoad: function() {
        return window.confirm('Continue?');
    }
});

Answer 2

FancyBox <版本2

FROM EXAMPLE（ fancybox.net ）：

    $("#various7").fancybox({
        onStart: function() {
            return window.confirm('Continue?');
        },
        onCancel: function() {
            alert('Canceled!');
        },
        onComplete: function() {
            alert('Completed!');
        },
        onCleanup: function() {
            return window.confirm('Close?');
        },
        onClosed: function() {
            alert('Closed!');
        }
    });

编辑：06-2015

FancyBox> =版本2

FROM EXAMPLE（ fancyapps.com ）：

    $("#various7").fancybox({
        onUpdate: function() {
            alert('update!');
        },
        onCancel: function() {
            alert('cancel!');
        },
        onPlayStart: function() {
            alert('play start!');
        },
        onPlayEnd: function() {
            alert('play end!');
        },
        beforeClose: function() {
            alert('before close!');
        },
        afterClose: function() {
            alert('after close!');
        },
        beforeShow: function() {
            alert('before show!');
        },
        afterShow: function() {
            alert('after show!');
        },
        beforeLoad: function() {
            alert('before load!');
        },
        afterLoad: function() {
            alert('after load!');
        }
    });

Answer 3

请注意，fancybox2中的回调方法不同。 它使用beforeLoad，afterShow等。请在此处查阅fancybox2的文档。

Answer 4

fancybox onStart onComplete状态不起作用使用jquery 1.9.1尝试jquery 1.6.4。

Answer 5

尝试这个：

$(document).ready(function(){
    $("a.fancybox").fancybox({
        'overlayShow' : true,
        'opacity' : true,
        'overlayOpacity': 0.6,
        'onStart' : function(){
            $("body").css('overflow','hidden');
        },
        'onCleanup': function(){
            $("body").css('overflow','auto');
        }
    });
});