Show/Hide 元素 jquery Fancy Box 关闭事件

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();
        },
    });

Show/Hide 元素 jquery Fancy Box 关闭事件

Show/Hide element on jquery Fancy Box close event

jquery

fancybox

jquery-events