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');
        }
    });
});