【问题标题】:Remain within magnific popup留在宏伟的弹出窗口内
【发布时间】:2013-12-05 01:19:24
【问题描述】:

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

页面的唯一内容是:

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

当我点击“测试”链接时,“anotherpage.html”会加载到原始父窗口中。

这个链接指向的页面是否可以加载到同一个弹窗中?

【问题讨论】:

    标签: ajax lightbox magnific-popup


    【解决方案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

    【讨论】:

      【解决方案2】:

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

      在Test中创建一个onclick函数,用于改变iframe的src并隐藏或销毁popup中的旧想法,

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2014-02-06
        • 2014-10-31
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多