Fancybox onStart onComplete status not working

Question

I am trying to use onStart and onComplete methods using FancyBox (jQuery plugin)

I can't seem to get it to work. Do any of you know what I'm doing wrong?

Here is what I am doing now:

 $(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

I also tried to work onStart ...

I have fancybox v2.1.5, but when I search onStart 'in the javascript file, it was not found. When I searched for ".trigger", I found: " beforeLoad "

Maybe this can help someone, in my case this is what I need :)

I also saw that " onReady " was triggering somewhere , which can be used instead of " onComplete ". I suppose!

PS I used it like that

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

Answer 2

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

EDIT: 06-2015

FancyBox> = version 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

Note that callback methods differ in fancybox2. It uses beforeLoad, afterShow, etc. Please refer to the fancybox2 documentation here .

Answer 4

Try the following:

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

Answer 5

fancybox onStart onComplete status does not work when working with jquery 1.9.1 try jquery 1.6.4.