Fancybox onComplete-Funktion läuft nicht

Question

Aus irgendeinem Grund wird die Funktion onComplete nicht ausgeführt. Es lädt jedoch die fancybox div. Meine html:

<ul> 
    <li class="orange"> 

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

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

    </li> 
</ul> 

Mein jquery:

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

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

die Warnung nicht ausgeführt. Ich habe auch versucht, die Ereignisfunktion auf onClosed und die anderen Ereignisse und nichts zu ändern.

Answer 1

scheint wie 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

Ich denke, Sie angeben, vergessen, welche Version von fancybox Sie verwenden.

onComplete ist eine Callback-Option für fancybox V1.3.x während die fancybox-skinKlasse bis Version 2.x, eingeführt wurde ..... so gehe ich davon aus, dass Sie Version 2.x verwenden, sind nicht Du?

Fancybox v2.x Optionen sind neu und nicht kompatibel mit früheren Versionen; Das Äquivalent für die Option onComplete (v1.3.x) ist jetzt die afterLoad (v2.x) -Rückrufoption.

prüfen http://fancyapps.com/fancybox/#docs für die vollständige Liste der Optionen, Methoden und Rückrufe für fancybox v2.x

Answer 3

Fancybox Version 2 nicht onComplete unterstützen. Es verwendet 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 Ich denke, ist die richtige entspricht onComplete in Fabxybox 2