将jquery函数绑定到fancybox .close()事件

Question

我想基于fancybox关闭触发一个简单的jQuery函数.它是页面上唯一的fancybox

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

当然以上都行不通

Answer 1

*更新:* 请注意@ mathoiland的答案,"看起来Fancybox 2弃用了onClosed回调.它现在使用afterClose." 如果你使用的是FancyBox 2.x.

将onClosed选项传递给fancybox函数.

即:

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

Answer 2

只是一张纸条.看起来Fancybox 2折旧onClosed回调.它现在使用afterClose.

请参阅"回调"下的新文档.http://fancyapps.com/fancybox/

Answer 3

在fancybox的最新版本中,您可能需要使用'afterClose'代替'onClosed'

所以这段代码..

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

应该成为......

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

Answer 4

$("#myfancybox").fancybox({
    'onClosed'  : function() {
             $('#sub_cont').hide(250, function() {
                $('#IDsearchform input').val('');
             });
    }
});