2

jQuery カラーボックス プラグインを Web アプリケーションに正常に実装することができました。しかし、私はまだ次の問題を抱えています:iframeで新しいページが開かれたときにjQueryカラーボックスのサイズを変更できませんか?

シナリオ:

  1. ユーザーがホームページにアクセスします。
  2. ユーザーがリンク (同じドメイン) をクリックすると、jQuery カラーボックスが開き、大きなページに iframe が表示されます。
  3. ユーザーが (同じドメインの) リンクをクリックすると、iframe が小さいページに移動します。

iframe が小さいページに移動するとき、カラーボックスのサイズを変更する必要がありますが、どうすればよいでしょうか?

私がこれまでに試したこと：

<head>小さいページのセクションに、カラーボックスのサイズを変更するコードを配置できると考えました。コードは$(document).ready()関数内で実行されます。

  • $.colorbox.resize();
  • $.fn.colorbox.resize();
  • $(".iframe").colorbox.resize();

しかし、それはすべてうまくいきませんでした。ただし、$.colorbox.resize();ページが iframe 内に完全にロードされた後に Firebug コンソールでコマンドを渡すと、サイズ変更機能が正常に実行されます。

お役立ち情報:

カラーボックスのサイズを変更する方法について多くの質問があることは知っていますが、問題を解決する iframe に関する質問は見つかりませんでした。問題を解決するために追加のコードやスクリーンショットが必要な場合は、お問い合わせください。

私を正しい方向に向けてくれてありがとう。

4

1 に答える 1

1

親ウィンドウで独自のサイズ変更機能を作成するために必要なiframeのため、最終的に修正しました。

window.customResize = function(){ 
    $(".iframe").colorbox.resize({width:"960px", height:"675px"});
};

これは、iframeで次のコマンドを呼び出すことができるということです：

window.parent.customResize();

そして、それは機能します。

于 2012-12-04T09:02:21.207 に答える