0

阅读了很多关于访问 iFrame 内容的帖子和答案，我尝试将它们结合到我的特定案例中。

不幸的是我无法让它工作，所以也许我缺少一些添加点的心理能力；）

我尝试做的如下：

在我的 IFrame（相同域）中加载的页面包含一个菜单，其中我的活动项目具有class="menuactive" data-rel="SomeName". 我的父页面包含一个带有链接 (#portfolioslider) 的 div，其 id 对应于 iFrame 中链接的 data-rel 属性。

因此，例如<a href="bla" class="menuactive" data-rel="Fashion">Fashion</a>，链接在 iframe 中的位置，在父页面上我的元素是<span id="Fashion">Fashion</span>，我想在 iFrame 重新加载并将其添加到菜单项class="active"的同时添加一个类。class="menuactive"

这似乎是最合乎逻辑的方法：

iFrame 中加载的页面中的 Javascript：

$(function() { 
    $('div.menu a.menuactive').ready(function() {

        $(window.self.top).contents().find('#portfolioslider a').each(function() {
             $(this).removeClass('active');
             $('#$(this).attr('data-rel')).addClass("active");

        });
    });
 });

有点这根本不起作用，

我希望我可以制作一个 jsFiddle，但我似乎不知道如何在那里构建一个 iFrame。

任何想法将不胜感激！谢谢大家

亲切的问候，杰伦

4

1 回答 1

0

耶！

我修复了它，使用：

$('div.menu a').click(function() { 
    $('a.active', window.parent.document).removeClass("active"); 
    $('#' + $(this).attr('data-rel'), window.parent.document).addClass("active");
});

干杯，杰伦

于 2013-05-27T13:48:50.197 回答