問題タブ [iframe-resizer]

私はもともとこのページを数週間前に設定しましたが、サイトが公開され、ssl に変更されるまでは正常に機能していました。

iframe でページを作成した開発者と連絡を取り、ssl に切り替えてもらい、最後に iframeResizer.contentWindow.min.js ファイルが含まれていることを確認しました。

また、他のサイトの 1 つからテストを実行して、すべてが正しくセットアップされていることを確認しましたが、問題はありませんでした。

iframe のあるページへのリンク: https://www.bedsrus.co.nz/sleep-selector セットアップの確認に使用したテスト ページ: https://www.bedsrus.co.nz/test

ご覧になりたい場合は、ログがオンのままになっています。

heightCalculationMethod を、lowestElement、bodyScroll、max などの他のオプションに変更しようとしました。

コンテンツ ページからいくつかの警告が表示されますが、それらが問題を引き起こしているとは思いません。

どんな助けでも大歓迎です。

https://github.com/davidjbradshaw/iframe-resizerを使用していますが、iFrame の高さの自動サイズ変更を無効にしたいと考えています。

autoResize:false を追加しましたが、機能しません: ウィンドウの幅を変更すると、iFrame の高さが変わります。

これは私のコードです:

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

ありがとう

davidjbradshaw iframe-resizer [ this ] を試してみたところ、うまく機能しました。しかし、私はそれが小型化されていないという問題に行き詰まっています。ドキュメントに記載されているように、コンテンツ css には高さ : 100% スタイルがほとんどなく、これが問題だった可能性があります。私はそれを変更することはできません。それで、これを解決する代替手段はありますか？iframe で URL を変更する前に publicApi で手動の高さを設定しようとしましたが、autoResize false を受け入れることができません。

どんな助けでも大歓迎です。

私はこのページに取り組んでいます: http://factor1hosting.com/~dnaz/wordpress/certifications/

そして、クロスドメインiframeを取り込もうとしています。

これを実現するために、 @DavidJBradshaw の iFrame Resizerを使用しています。ただし、iframe が正しく機能しません。

プレーンな JavaScript init だけを使用できます。

<script>iFrameResize({log:true})</script>

これを使用すると、ログは取得されますが、サイズは変更されません。jQueryメソッドも試しました：

$('iframe').iFrameResize( [{log: true}] );

また、ログや iframe のサイズを変更しないでください。また、準備ができているドキュメントにラップしようとしましたが、それも達成されません。

なぜこれが正しく起動しないのかについて、考えやアイデアを持っている人はいますか? 私のコンソールは JS エラーをスローしていません... ありがとう!

編集:これは、HTML側で現在どのようにセットアップされているかの例です。

EDIT 2 :これは私のコンソールログです。

iFrameResizer バージョン 3.3.3 を使用しています。

ページ上のjqueryタブオブジェクトのタブに3つのiframeを設定しています。各 I フレームには、iframe 内でクリックされたタブに応じて長さが大幅に変化する独自のタブ付きビューが含まれています。

サイズ変更は、単一の iframe で完全に機能します。

ただし、他の 2 つの iframe (親ページの非表示のタブにある) では、高さがゼロに設定されており、実行時に iFrameResize() が実行されると、サイズは動的に変更されません。

ページで iFrameResize を自動的に実行しない場所で、これをさらにテストしました。各 iframe はデフォルト サイズで読み込まれます。2 番目のタブを選択してコンソールから iFrameResize を実行すると、2 番目のタブの iframe が自動的にサイズ変更され、タブ 1 と 3 の iframe の高さが 0 に設定されます。

理想的には、各タブが選択されたときに iframe を「アクティブ化」し、iframe 内の各タブが選択されると iframe が自動的にサイズ変更されるようにしたいと考えています。これは、親ページの他のタブで現在選択されているものとは関係ありません。

上記のページはhttp://brellatech.com.au/iframe.phpで見ることができます。

これは iFrame Resizer で可能ですか?

よろしく

グレッグ J

ネストされた iframe を使用すると、iframe の高さが高すぎます。

次の URL を参照してください。 http://champion.fme-cat.com/outer.htm

ドロップダウン リストをクリックして、高さが高すぎることに注意してください。

オプションのリストを下にスクロールすると、最終的にリストの最後のオプションに到達するまで高さが縮小され、高さが正しくなります。

これを修正する方法についてのアイデアはありますか?

ありがとうございます。