灯箱 iFrame 问题答案

【问题标题】：Lightbox iFrame problem灯箱 iFrame 问题
【发布时间】：2011-08-04 21:14:25
【问题描述】：

我有一个装有灯箱的 iFrame。我遇到的问题是这个。单击灯箱弹出窗口中的链接后，我希望父页面重定向到其他页面。这有意义吗？请帮忙。提前谢谢你。

我昨天从 yokoloko 收到了这个答案（非常感谢）但我不确定我必须用我的信息填写代码的哪些部分。有人可以帮忙吗？谢谢。

来自Yokoloko：

唯一的方法是在父框架中定义一个 javascript 函数，以便在子框架中调用。

如果您使用 jQuery，例如在您的父框架中：

function redirectFromFrame(link){
    window.location.href = link;
}

在你的灯箱框架中你应该有这样的东西。

$(function() {
    $('a').click(parent.redirectFromFrame($(this).attr('href')));
});

【问题讨论】：

【解决方案1】：

我会使用这样的东西（这段代码在你的 iframe 中）

$(function() {
    $('a').click(function() {
        window.parent.location.href=$(this).attr('href');
    });
});

$('a') 是指 iframe 中的 a 标签，您希望在该标签上进行重定向

【讨论】：

如果不是从“a”标签而不是输入按钮调用它怎么办。如果页面上有多个“a”标签怎么办？我应该给“a”标签一个类名吗？
你可以给元素一个ID然后使用下面的$('#ID_HERE')或者如果你想使用一个类$('.CLASSNAME')或者如果你想同时使用$('#ID_HERE, .CLASSNAME')
所有解决方案都不起作用。我需要在 iFrame 中有一个链接重定向父页面。它似乎不起作用。
试试 $(document).ready(function(){ $('a').click(function() { window.parent.location.href=$(this).attr('href '); }); }} 在 iframe 页面中。