Search code examples
jqueryfunctionfancyboxbind

bind a jquery function to fancybox .close() event


I would like to trigger a simple jQuery function based on a fancybox closing. it is the only fancybox on the page

$.fn.fancybox.close = function() {
    $('#sub_cont').hide(250, function() {
    $('#IDsearchform input').val('');
    });
 });

ofcourse the above doesn't work


Solution

  • *Update: * Please take a note of @mathoiland's answer, "It looks like Fancybox 2 deprecated the onClosed callback. It now uses afterClose." if you are using FancyBox 2.x

    Pass the onClosed option to the fancybox function.

    i.e:

    $("<YOUR-SELECTOR>").fancybox({
      onClosed: function() {
        $('#sub_cont').hide(250, function() {
        $('#IDsearchform input').val('');
        });
      })
    });