JavaScript（カラーボックス）がロードされたコンテンツで.load（）jquery経由で動作しない

Question

関連するいくつかの質問が見つかりました。残念ながらコードを修正できませんでした。

ブリーフ： -
- 私は私がフォームを送信するとき、私はリロード、「カラーボックス」ウィンドウでフォームを持っている...のdivのid =提出新しいを表示するには、親ウィンドウに..「リロード」データ。
- 親ウィンドウが正常に更新され、新しいデータが読み込まれます。


問題： - フルにオープン -
は「カラーボックス」クラスで.LOAD .. URLで親ウィンドウに新しいデータをロードした後、「カラーボックス」のリンク（通常のリンクとしての仕事としては動作しません。ページ）。
- これらのリンクは、（.LOAD前に正常に動作し）新しいデータ
- 私は、これらのリンクは.LOAD

1.親ページの後に "カラーボックス" を開く必要があります。

  <script> 
      $(document).ready(function() 
      { 
      $(".popup_class1").colorbox({iframe:true, innerWidth:1100, innerHeight:550, 
      overlayClose:true 
      }); 

      }); 
      </script> 

      <div id='reload'> 
      <!-- data to be reloaded after submitting the form in the colorbox window --> 
      <a href='sales_cc_item_edit.php?id_cci=$id_cci' class='popup_class1'>EDIT</a> 
      </div> 

2.カラーボックスページ：
このページでは、フォームを持っている...サブ後AJAXの成功には親ページのdivをリロードするコードがあります。

  <script> 
       $(function() { 
        $.ajax({ 
         url: "sales_action.php", 
         type: "post", 
         data: $(this).serialize(), 
         success: function() { 

          parent.$('#reload').load(parent.document.URL + ' #reload'); 

         } 
        }); 
       }); 
      </script> 

あなたのヘルプは非常に感謝しています。

Answer 1

load（）の後に、新たに作成された ".popup_class1"のcolorboxを再初期化する必要があります。 リンクをロードするために ".popup_class1"を追加すると、親なしで#reloadが2回発生することがあります。

parent.$('#reload').load(parent.document.URL + ' #reload .popup_class1', 
     function(){ 
      parent.$(".popup_class1").colorbox({iframe:true, innerWidth:1100, innerHeight:550,overlayClose:true}); 
});