Jquery - Fancybox und Rückruf

Question

Ich habe ein Problem mit fancybox.
Ich möchte eine Funktion schreiben, die beim Öffnen der Fancybox ausgeführt wird. Wie und wann die Funktion aufrufen?

Beispiel:

function myFunc() { 
    alert("Opened!"); 
} 

$('.content a').fancybox({ 
    'hideOnContentClick': false , 
    'callBackOnShow': myFunc(), // This not working! It call function when page is loaded 
    'frameWidth': 920, 
    'frameHeight': 530 
}); 

Answer 1

Statt myFunc() Verwendung myFunc. In JavaScript bedeutet eine Funktion mit parens (und/oder args), dass Sie sie aufrufen möchten. Ein Funktionsname, ohne sie bedeutet, Sie wollen einfach nur eine Referenz auf diese Funktion (was wahrscheinlich ist, was fancybox von Ihnen will)

Answer 2

Es sollte sein: -

function myFunc() { 
    alert("Opened!"); 
} 

$('.content a').fancybox({ 
    'hideOnContentClick': false , 
    'callBackOnShow': myFunc, // no brackets 
    'frameWidth': 920, 
    'frameHeight': 530 
}); 

Oder können Sie eine anonyme Funktion machen ..

.

$('.content a').fancybox({ 
    'hideOnContentClick': false , 
    'callBackOnShow': function() { alert('hello'); }, 
    'frameWidth': 920, 
    'frameHeight': 530 
}); 

Answer 3

Eigentlich auf die Dokumentation überprüft, haben Sie einen Tippfehler in der Optionsliste ...

Sie haben callBackOnShow aber es solltesein 0 (Kleinbuchstaben b)

Answer 4

'callbackOnShow': myFunc 

Kleinbuchstaben b als die Optionen sind Groß- und Kleinschreibung, und keine Klammern auf myFunc, wie Sie die Funktion als Option übergeben wollen, nennen Sie es nicht.

Answer 5

Dies funktioniert

$("#element").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!'); 
    } 
}); 

Answer 6

Die neueste Art und Weise, wie es Arbeit machen wird mit After-Show oder beforeShow:

$("a#registrace").fancybox({ 
    beforeShow : function() { 
    alert('its working!'); 
    validate_reg_form(); 
    } 
}); 

Ich lade Anmeldeformular durch Ajax und ich brauche Form-Validierung zu ermöglichen. In beiden Fällen (vorher und nachher) ist der Inhalt bereits geladen.

Answer 7

Da Ihr Titel "Jquery - fancybox and callback" lautet, können Sie eine vollständige Liste der Rückrufoptionen für das fancybox 2-Plugin finden, die Sie unter der Registerkarte Callbacks finden.

http://fancyapps.com/fancybox/#docs

Wenn Ihr die alte fancybox verwenden, vielleicht zu fancybox2 Upgrade als das neue Plugin bessere Funktionen hat, mit mehr Kontrolle.