使用jQuery关闭iframe时出现问题

Question

我有以下场景。

在产品展示页面上，当用户单击登录时，登录弹出窗口将在iframe中打开。

jQuery.fancybox({
    'padding' : 0,
    'transitionIn' : 'none',
    'transitionOut' : 'none',
    'scrolling' : 'no',
    'autoDimensions' : false,
    'autoScale' : false,
    'width' : frameWidth,
    'height' : frameHeight,
    'type' : 'iframe',
    'href' : _this.attr("href"),
    'onComplete' : function() {
        $.fancybox.resize();
    },
    'onClosed' : function() {
        if(isReloadOnClose)
            closeAndRefresh();
    }
});

当用户成功登录时，我会打开另一个弹出窗口，要求用户执行操作。

jQuery(document).ready(function() {
    window.jQuery('#fancybox-frame').remove();
    var productId = document.getElementById("productId").value;
    var skuId = document.getElementById("skuId").value;

    jQuery.fancybox({
        href: "/shop/wishlist-modal-add.jsp?productId="+productId+"&skuId="+skuId,
        type: 'ajax',
        centerOnScroll: true,
        onComplete: function(){
            jQuery.fancybox.resize();
        },
        onClosed: function(){
            $('#fancybox-content').css({width:'+=30px;'});
            jQuery.fancybox.resize();
        }
    });
});

我面临的问题是，第二个弹出窗口仅在第一个ifarme内打开，即使我正在删除iframe。

请帮助解决这个问题。

Answer 1

尝尝这个

parent.jQuery.fn.fancybox.close();

希望这能对你有所帮助