Fancybox onComplete function not running

Question

Por alguna razón, simplemente no ejecuta la función onComplete. Sin embargo carga la fancybox div. Mi html:

<ul> 
    <li class="orange"> 

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

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

    </li> 
</ul> 

Mi jQuery:

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

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

la alerta no se ejecuta. También intenté cambiar la función de evento a onClosed y los demás eventos, y nada.

Answer 1

parece como Typos

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

supongo que se olvidó de especificar qué versión de FancyBox que está utilizando.

onComplete es una opción de devolución de llamada para v1.3.x FancyBox mientras que la clasefancybox-skinse introdujo hasta la versión 2.x, ..... así que supongo que está utilizando la versión 2.x, no son ¿tú?

Las opciones de Fancybox v2.x son nuevas y no son compatibles con las versiones anteriores; el equivalente para la opción onComplete (v1.3.x) ahora es la opción de devolución de llamada afterLoad (v2.x).

Comprobar http://fancyapps.com/fancybox/#docs para la lista completa de opciones, los métodos y las devoluciones de llamada para v2.xy FancyBox

Answer 3

FancyBox versión 2 no soporta onComplete. Utiliza 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 Creo que es la propia equivalente a onComplete en Fabxybox 2