setInterval後にiframeを呼び出す

Question

setIntervalを実行した後でもポップアップボックス（iframe colorbox）を保持したい場合は、しかし、実際には、最初のiframeだけが実際にポップアップできます。次の2秒後に、リクエストされたページに移動します。

 <script type="text/javascript"> 
      $(document).ready(function(){ 

      $("#iframe").colorbox({iframe:true, width:"400px", height:"600px"}); 

      var refreshId = setInterval(function() { 
      $('#chatting').load("<?php echo current_url() ?> #chatting") ; 
      $("#iframe").colorbox({iframe:true, width:"400px", height:"600px"}); 
      }, 2000); 


      }); 
     </script> 

      <div id="chatting"> 
       <li class="chat-list"> 
        <div class="chat-body"> 
         <a id="iframe"href="intern/public_chat/test.php">XXX</a> 
        </div> 
       </li> 
      </div> 

（悪い英語のため申し訳ありません）私はすべての時間（のsetIntervalとして2秒）をリロードし、更新された値のキープは、IFRAMEのカラーボックスを使用することができます必要があります。

ただし、リクエストされたページには常に表示されますが、ポップアップボックスには表示されません。あなたのアンカータグで

Answer 1

<script type="text/javascript"> 
    $(document).ready(function(){ 

    $("#iframe").colorbox({iframe:true, width:"500px", height:"600px"}); 

    var refreshId = setInterval(function() { 
    $('#chatting').load("<?php echo current_url() ?> #chatting", function() { 
     $("#iframe").colorbox({iframe:true, width:"500px", height:"600px"}); 
    }) ; 
    }, 2000); 


    }); 
</script> 

Answer 2

外観は、私はちょうど改善し、それが実際に私はちょうど私のタイピングを欠場作業 <a id="iframe" href="intern/public_chat/test.php"> </a>