保持在巨大的弹出窗口内

Question

我有一个ajax popup与Magnific Popup很好地配合使用。但是，我通过ajax调用加载到弹出窗口的页面包含一个超链接。

该页面的唯一内容是：

<a href="http://www.domain.com/anotherpage.html">test</a>

当我点击“test”链接时，“anotherpage.html”会在原始父窗口中加载。

此链接指向的页面是否可以在同一弹出窗口中加载？

Answer 1

您可以按照以下步骤实现此效果：

1. 将带有jQuery的html页面下载到临时变量
2. 从变量获取链接地址
3. 向Magnific Popup发送您想要首先显示的链接

对于第一部分，您可以在stackoverflow上发表这篇精彩帖子：How do I load html into a variable with jquery

对于第二个任务，您只需查询html页面中的第一个（也是唯一的）链接并获取它的href属性：

var target = $('a:eq(0)').attr('href'); 

现在'target'变量存储了请求的url - 将其发送到Magnific Popup

Answer 2

在弹出窗口中包含一个空的iframe。

在Test中创建一个函数onclick，用于更改iframe的src并在弹出窗口中隐藏或销毁旧的想法，