根據iframe中元素在頁面上更改元素

閱讀大量關於訪問iFrame內容的帖子和答案，我嘗試將這些內容結合到我的particulair案例中。根據iframe中元素在頁面上更改元素

可惜我不能得到它的工作，所以也許我錯過加點有些精神的能力;）

我嘗試做如下：

頁面加載我的IFrame（相同的域名）包含一個菜單，我的活動項目有class="menuactive" data-rel="SomeName"。我的父頁面包含一個帶有鏈接（#portfolioslider）的div，其ID與iFrame中鏈接的data-rel屬性相對應。

那麼，在iframe的鏈接，例如<a href="bla" class="menuactive" data-rel="Fashion">Fashion</a>，父頁上我的元素是<span id="Fashion">Fashion</span>，關於這一點我想在同一時間，我的iFrame重載添加一個類class="active"並添加class="menuactive"一個菜單項。

這似乎是最合理的做法：

Javascript語言，加載的iFrame網頁：

$(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。

任何想法，將不勝感激！謝謝你們

親切的問候，吉榮

來源

2013-05-27 Jeroen W

葉！

我固定它，使用：

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

乾杯，的Jeroen

來源

2013-05-27 13:48:50

根據iframe中元素在頁面上更改元素

回答

相關問題