web-dev-qa-db-ja.com

jquery関数をfancybox .close（）イベントにバインドします

ファンシーボックスのクローズに基づいて、単純なjQuery関数をトリガーしたいと思います。それはページ上の唯一のファンシーボックスです

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

もちろん、上記は機能しません

jqueryfunctionfancyboxbind
27
iamwhitebox

* 更新：* @mathoilandの回答に注意してください、「Fancybox 2はonClosedコールバックを非推奨にしたようです。現在はafterCloseを使用しています。」 FancyBox 2.xを使用している場合

OnClosedオプションをfancybox関数に渡します。

すなわち：

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

ちょっとだけ。 Fancybox 2はonClosedコールバックを減価したようです。現在はafterCloseを使用しています。

「コールバック」の下の新しいドキュメントを参照してください。 http://fancyapps.com/fancybox/

33
matthoiland

Fancyboxの最新バージョンでは、「onClosed」の代わりに「afterClose」を使用する必要がある場合があります

このコード..

$("<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('');
    });
  })
});
15
Vinod K
$("#myfancybox").fancybox({
    'onClosed'  : function() {
             $('#sub_cont').hide(250, function() {
                $('#IDsearchform input').val('');
             });
    }
});
7
Matt