0

ここにすべてのコードを投稿することは、私が取り組んでいるプロジェクトを考慮すると不可能ですが、一般的なシナリオは次のとおりです。

次のように JQuery を使用して折りたたまれた div タグがあります。

$(".div_class").click(function(){
    $("div#div_name").slideToggle()
});

この関数は、ページの後半にある IFrame に影響を与えます。

<iframe frameborder="0" id="iframe_id" name="iframe_name" height="100%" width="100%" src="google.com"></iframe>

ここに問題があります。私の div には IFrame が含まれています。ボックスを再展開すると、IFrame が表示されません。さらに奇妙なことに、ボックスの下部に向かって右クリックし、firebug を使用して要素を検査すると、画面が一瞬シャッフルされ、IFrame が再び表示されます。

少し明確にするために、スライダーは IFrame に直接影響を与えず、iframe をカプセル化する div を折りたたみます。

IFrame css 'display' を 'block' に設定しようとしましたが、これは JQuery 関数が行っていたことの要点のように見えましたが、解決しませんでした。また、JQuery関数に追加して、クリック後に新しいIFrameを挿入しようとしましたが、これも失敗しました。

ご意見をお寄せいただきありがとうございます。

4

1 に答える 1

0

私の推測では、iframe の height="100%" は実際にはその中のコンテンツを 100% 実行していません。高さ 100% は、親の高さに「広がる」ことを意味しますが、必要なのはコンテンツの高さだと思います。固定高さを設定してみて、同じ問題が発生するかどうかを確認してください。

同様に、jQuery.getを検討することもできます。

于 2012-06-18T22:08:20.277 に答える