Question

我点击它时会有一个链接，它会在index.php上打开 iframe fancybox 并更改地址栏中的网址

的index.php？轮廓=或John.Smith

到

的index.php？轮廓=或John.Smith＃details.php？detail_id = 46798103K1Y420140415125117

但是当我复制此链接并再次粘贴它时，它只打开iframe，我需要像index.php上的layot一样打开它。

<a class="iframe" id="<?php echo $href_id; ?>" href="details.php?detail_id=<?php echo $detail_id; ?>">iframe</a>

// iframe
$(".iframe").fancybox({
    type: 'iframe',
    padding: 0,
    width: 800,
    height: 500,
    autoSize: false,
    closeClick: false,
    openEffect: 'none',
    closeEffect: 'none',
    helpers: {
        overlay: {
            css: {
                'background': 'rgba(00, 00, 00, 0.75)'

            }
        }
    },
    beforeShow: function () {
        var id = this.element.attr("id");
        if (id) {
            window.location.hash = "index.php?" + id;
        }
    },
    beforeClose: function () {
        window.location.hash = "";
    }
});

Answer 1

加载FancyBox时，您将整个窗口重定向到新页面。

FancyBox iframe类型采用href选项。您可以将链接中的href用作iframe位置。

$(".iframe").fancybox({

type: 'iframe',
padding     : 0,
width       : 800,
height      : 500,
autoSize    : false,
closeClick  : false,

openEffect  : 'none',
closeEffect : 'none',
helpers : {
overlay : {
    css : {
        'background' : 'rgba(00, 00, 00, 0.75)'

    }
   }
}
});

如何调用fancybox iframe保持图层效果？

1 个答案: