在setInterval

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>

我需要每个重新加载时间（2秒作为setinterval），更新值保持可以使用iframe颜色框。

但只有它总是把我带到我要求的页面，而不是弹出框。

Answer 1

查看你的锚标签 <a id="iframe" href="intern/public_chat/test.php</a>

我只是改进了它的工作 <a id="iframe" href="intern/public_chat/test.php"> </a>

Answer 2

 <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>