jqueryの要素を表示/非表示ファンシーボックス閉じるイベント

Question

私のjquery FancyBoxが閉じられている場合、Show()に要素を追加します。これどうやってするの？

closeイベントはありますか？

var urlOfferDetails = $('#OfferDetails').val(); 
    $.ajax({ 
     url: urlOfferDetails, 
     type: 'POST', 
     data: { 'offerID': productCode, 'providerId': providerCode }, 
     closeBtn: 'true', 
     success: function (data) { 
      $("#loading").hide(); 
      $.fancybox(
      { 
       'href': '#offerPopup', 
       'content': data, 
       'hideOnOverlayClick': false, 
       'hideOnContentClick': false, 
       'autoScale': false, 
       'overlayShow': true, 
       'type': 'iframe' 
      }); 
     }, 
     error: function (req, status, error) { 
     }, 
     complete: function() { 
      $("#loading").hide(); 
      $('.scrollup').hide(); 
     }, 
    }); 

Answer 1

以下のようにfancyboxにafterCloseキーを追加すると、fancyboxが閉じられると呼び出されます。参照docs

var urlOfferDetails = $('#OfferDetails').val(); 
    $.ajax({ 
     url: urlOfferDetails, 
     type: 'POST', 
     data: { 'offerID': productCode, 'providerId': providerCode }, 
     closeBtn: 'true', 
     success: function (data) { 
      $("#loading").hide(); 
      $.fancybox(
      { 
       'href': '#offerPopup', 
       'content': data, 
       'hideOnOverlayClick': false, 
       'hideOnContentClick': false, 
       'autoScale': false, 
       'overlayShow': true, 
       'type': 'iframe', 
       'afterClose' : function(){console.log("FancyBox Closed");} 
      }); 
     }, 
     error: function (req, status, error) { 
     }, 
     complete: function() { 
      $("#loading").hide(); 
      $('.scrollup').hide(); 
     }, 
    });