fancybox onStart état ne fonctionne pas

Question

onComplete Je suis en train de continuer à travailler onStart et onComplete méthodes utilisant FancyBox (plugin jquery)

Je ne peux pas sembler obtenir tout ça de travailler pour moi. Est-ce que l'un d'entre vous sait ce que je fais mal?

C'est ce que je suis en train maintenant:

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

Essayez ceci:

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

FancyBox < version 2

EXEMPLE DE (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

de l'exemple (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

fancybox état onStart onComplete ne fonctionne pas travailler avec jquery 1.9.1 essayez jquery 1.6.4.

Answer 4

je tente aussi d'obtenir onStart travailler ...

Je suis fancybox v2.1.5, mais quand je fais une recherche sur « onStart » dans le fichier javascript il n'est pas trouvé. Quand je recherchais « .trigger » J'ai trouvé: « beforeLoad »

cela pourrait peut-être aider quelqu'un, dans mon cas, ce que je avais besoin :)

J'ai aussi vu qu'il y avait un «onReady 'déclenché quelque part qui peut être utilisé à la place du' onComplete 'Je suppose!

post-scriptum Je l'ai utilisé comme ça

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

Answer 5

Notez que les méthodes de rappel sont différentes dans fancybox2. Il utilise beforeLoad, afterShow, etc. Veuillez consulter la documentation de fancybox2 here.