Funzione Fancybox onComplete non in esecuzione

Question

Per qualche motivo non è in esecuzione la funzione onComplete. Tuttavia carica il div fancybox. Il mio html:

<ul> 
    <li class="orange"> 

      #1 <a href="#text">click here</a> 

      <div id="text" class="text">text text text</div> 

    </li> 
</ul> 

mio jquery:

jQuery('li a').fancybox({  
    'autoDimensions': 'false', 
    'width' : 631, 
    'height': 256,   
    'onComplete':function(){ 

     alert('running'); 
     jQuery('.fancybox-skin').css('background-color',colour); 
    } 
}); 

l'avviso non viene eseguito. Ho anche provato a cambiare la funzione evento su e gli altri eventi, e nulla.

Answer 1

sembra come typo

jQuery('#tips li a').fancybox({  
'autoDimensions': 'false', 
'width' : 631, 
'height': 256,   
'onComplete':function(){ 

    alert('running'); 
    jQuery('.fancybox-skin').css('background-color',colour); // colour to 'red' for example. typo 
} 
}); 

Working example

Answer 2

Credo che ti sei dimenticato di specificare quale versione di fancybox che si sta utilizzando.

onComplete è un'opzione di callback per fancybox La versione 1.3.x mentre il fancybox-skinclasse è stato introdotto fino alla versione 2.x, ..... quindi immagino che si utilizza la versione 2.x, non sono tu?

Le opzioni di Fancybox v2.x sono nuove e non sono compatibili con le versioni precedenti; l'equivalente per l'opzione onComplete (v1.3.x) è ora l'opzione di callback afterLoad (v2.x).

Controllare http://fancyapps.com/fancybox/#docs per l'elenco completo delle opzioni, metodi e callback per fancybox v2.x

Answer 3

Fancybox versione 2 non supporta onComplete. Utilizza afterLoad.

jQuery('#tips li a').fancybox({  
    'autoDimensions': 'false', 
    'width' : 631, 
    'height': 256,   
    afterLoad:function(){ 

     alert('running'); 
     jQuery('.fancybox-skin').css('background-color',colour); // colour to 'red' for example. typo 
    } 

}); 

Answer 4

afterShow credo sia il corretto equivalente a onComplete in Fabxybox 2