colorboxでiframeコンテンツを再読み込みすると問題が発生する

Question

colorbox（jqueryプラグイン）を使用して複数ステップのサインアッププロセスを表示しています。私は "iframe"モードでcolorboxを使用しています。

$('#signup').colorbox({ 
    width:  '500px', 
    height: '250px', 
    opacity: '.5', 
    scrolling: false, 
    fixed:  true, 
    iframe: true 
}); 

異なるステップの内容が異なるので、新しいステップをロードするときにcolorboxのサイズを自動的に変更したいと思います。

私は（単に文書の終わり近くにスクリプトタグ内）のiframeコンテンツに次のコードを使用

：

parent.$.colorbox.resize(); 

：私は簡単なバージョンを試してみましたその前に

$(function() { 
    var iH = $(document.body).height(); 
    console.log("iframe height: " + iH); 
    parent.$.colorbox.resize('height', iH); 
}); 

をしかしどちらの場合も無限ループのように見えます。iframeの内容は無限に再ロードされ、実際には表示されません（実際には時々点滅することがあります）。 iframeは（最初のループ中に）プロセス内でサイズ変更されるため、部分的に機能しているようです。しかし、新しいサイズは意図されたコンテンツには小さすぎるようですので、私は実際にはわかりません...

これはなぜ動作しないのですか？

更新： 私が最初に第二段階ではなく上で上記のスクリプト（簡易版）を入れた場合、私は無限ループを避けるため、しかし私は2番目のステップに行くためにクリックし、最初ステップが実際にロードされます。
私はこのスクリプトを3番目のステップに入れても同じことが起こります。最初のステップが代わりに読み込まれます。
だから、最初からそれをすべて、再起動のカラーボックスの種類をその「サイズを変更」機能を実行するときようだ...

Answer 1

私はここに解決策を見つけた：？http://groups.google.com/group/colorbox/browse_thread/thread/fadc3d68ca764de3/c38fa24136a6abd7?pli=1

がcolorbox.jsにこれを追加しました（

publicMethod.myResize = function (iW, iH) { 
if (!open) { 
    return; 
} 
if (settings.scrolling) { 
    return; 
    } 
var speed = settings.transition === "none" ? 0 : settings.speed; 
$window.unbind('resize.' + prefix); 
settings.w = iW; 
settings.h = iH; 
$loaded.css({ 
    width: settings.w, 
    height: settings.h 
}); 
publicMethod.position(speed); 
}; 

と私は、iframe内のページの開口部にこれを追加しました：：カラーボックスv1.3.17.2、右publicMethod.resize前）R 533の

$(document).ready(function(){ 
    $(window).bind('load', function() { 
     var frameWidth = $(document).width(); 
     var frameHeight = $(document).height(); 
     parent.$.fn.colorbox.myResize(frameWidth, frameHeight); 
    }); 
}); 

私は、このオプションを使用するカラーボックス機能をバインドするには

：あなたはサイズを変更していない後続の呼び出しでinitialWidthとinitialHeightの代わりに、高さと幅を設定した場合

$('.item').colorbox({ 
    transition: 'none', 
    iframe  : true, 
    scrolling : false 
});