1

ここに頭の体操があります：

ウィンドウにiframeがあり、それにリンクするnavbarがあります：

<div class="nav">
<a href="link.html" target="iframe-content" id='debug">#Debug<a>
</div>

<iframe name="iframe-content" src="page.html"></iframe>

次に、ナビゲーションのリンクがクリックされたときにクラスを挿入する単純な jQuery 関数を取得しました。

$(window).load(function() {
    $("#debug").click(function() {
        $('body').toggleClass("debug");
    });
});

ここで私の質問は、トグルクラスを親ページではなくインラインフレーム (page.html) に適用するにはどうすればよいですか?

4

2 に答える 2

1

変化する

$('body').toggleClass("debug");

に

$('#debug').contents().find('body').toggleClass("debug");

については、 jQuery のドキュメントを参照してください。.contents()

于 2013-08-23T20:36:33.110 に答える
1 
var $iframe = $('iframe[name="iframe-content"]').contents();
$iframe.find('#debug').click(function(){
    $iframe.find('body').toggleClass('debug');
});

使用する.contents()

ドキュメントから：

iframe がメイン ページと同じドメインにある場合、この.contents()メソッドを使用して iframe のコンテンツ ドキュメントを取得することもできます。

于 2013-08-23T20:36:36.603 に答える