iframeを持つカラーボックス - 閉じて別のものを開く

Question

私はiframeで開いたカラーボックスウィンドウを持っています。そのウィンドウの中で、ユーザーがクリックできるリンクがあり、理想的には、現在のカラーボックスウィンドウを閉じて新しいiframeに新しいカラーボックスウィンドウを表示したり、既存のiframeに新しいコンテンツを読み込んだりします。

私の最初のウィンドウがそうのように開きます：私は最初のウィンドウを閉じますしようとした

$.colorbox({ width: "800px", height: "580px", iframe: true, href: "/App/Note?nodeId=" + nodeId }) 

：私は、最初のウィンドウでリンクをクリックすると

$.colorbox({ width: "800px", height: "580px", open: true, iframe: true, href: '/App/View?id=' + id }); 

これが発射されたものです

parent.$.colorbox.close(); 

しかし、両方のウィンドウを閉じてしまうことになります。

私は2番目のウィンドウが最初のウィンドウの内容で開き、私は2つの国境、2つのクローズボタンなど

任意のアイデアを持って試してみて、閉じていない場合は？

ありがとうございました。

Answer 1

これを実行すると、最初のカラーボックスが閉じられ、親のコンテキストで新しいカラーボックスが開きます。

parent.$.colorbox.close(); 
parent.$.colorbox({ width: "800px", height: "580px", iframe: true, href: "/App/Note?nodeId=" + nodeId }); 

実際には、これを行う親ページに機能が必要です。

function OpenNote(noteId){ 
    $.colorbox.close(); 
    $.colorbox({ width: "800px", height: "580px", iframe: true, href: "/App/Note?nodeId=" + nodeId }); 
} 

この機能を呼び出すには、表示ページ内のリンクをクリックしてnoteIdを渡します。 colorbox.My機能を閉じたとき、私は開いて別のカラーボックスのための再帰関数を使用しています

parent.OpenNote(id); 

Answer 2

は次のとおりです。

勤務

<script type="text/javascript"> 
    var colorList = []; 
        colorList.push('1. Popup Content'); 
        colorList.push('2. Popup Content'); 
        colorList.push('3. Popup Content'); 
        colorList.push('4. Popup Content'); 
      colorboxRecursive(colorList); 
    function colorboxRecursive(colorList){ 
     if (colorList.length>0) { 
      $.colorbox({ 
       html:colorList.pop(), 
       onClosed:function(){ 
        if (colorList.length>0) 
         colorboxRecursive(colorList); 
       } 
      }); 
     }else{ 
      return false; 
     } 
    } 
</script>