8

Ajaxアップロードの誤った感覚を与えるために、画像のアップロードを行うiframeがあります。

この iframe のコンテンツには、さまざまなことをチェックしてステータスを送信する JavaScript が含まれています。ほぼ進捗報告としてご覧ください。とにかく、iframe を含む私のページは、データを表示するページとそうでないページなので、iframe 内から親ページのデータを変更したいと考えています。これが私のコードです：

<div id="iframe_response"></div>
<iframe style="border:none" src="someurl" width="100%" height="350px" id="iframe"></iframe>

そして、ここに iframe の私の jQuery があります:

$('#iframe_response', "#iframe").append('this should go there but it\'s not...');

ただし、その div には何も書き込みません。document.ready で呼び出しましたが、残念ながら...

私は何を間違っていますか？

4

4 に答える 4

5

これが答えです！最初は少し戸惑うかもしれませんが、とても簡単です！

同一生成元ポリシーが問題にならないと仮定すると、parent.document を使用して要素にアクセスし、それらを操作できます。

デモ:ここ
に Iframe Outer:ここ
に Iframe Inner:ここに

これが役に立てば幸いです。私はあなたのためにこれを理解するのにかなりの時間を費やしたので、私の答えを上げるサポートが大好きです!

乾杯、シャノン

于 2012-09-18T12:40:40.913 に答える
0

これを試してみてください

$(window.parent).find('#iframe_response').html('this should go there but it\'s not...');
于 2012-09-18T12:38:10.243 に答える