0

iFrame のコンテンツへのアクセスに関する多くの投稿と回答を読んで、これらを特定のケースに組み合わせようとしました。

残念ながら、私はそれを機能させることができないので、ドットを追加する精神的能力が欠けているのかもしれません;)

私がやろうとしていることは次のとおりです。

私の IFrame (同じドメイン) に読み込まれたページには、アクティブなアイテムが含まれているメニューが含まれていますclass="menuactive" data-rel="SomeName"。私の親ページには、iFrame 内のリンクの data-rel 属性に対応する ID を持つリンク (#portfolioslider) を持つ div が含まれています。

たとえば<a href="bla" class="menuactive" data-rel="Fashion">Fashion</a>、iframe のどこにリンクがあるか、親ページの要素はで、iFrame がリロードしてメニュー項目に追加すると同時に<span id="Fashion">Fashion</span>クラスを追加したいです。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 に答える