ajax - 留在宏伟的弹出窗口内

Question

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

该页面的唯一内容是：

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

当我单击“测试”链接时，“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'); 

现在“目标”变量存储了请求的 url - 将其发送到 Magnific Popup

Answer 2

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

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