多个文档就绪函数互相覆盖

时间:2013-04-26 23:57:00

标签: php javascript jquery html5

我在文件test.php中有一个查询,在文件test2.php中有一个查询...我想每隔5秒刷新一次div,但div #test的内容会被覆盖通过div test2的内容。 为什么会这样?我该如何解决?

<script>
    $(document).ready(function() {
         $("#test").load("test.php");
         var refreshme = setInterval(function() {
             $("#test").load('test.php');
         }, 5000);
         $.ajaxSetup({ cache: false });
    });
    </script>
<div id="test">
    <?php
    include ('test.php');
    ?>
</div>
<br>
<script>
    $(document).ready(function() {
         $("#test2").load("random.php");
         var refreshId = setInterval(function() {
             $("#test2").load('random.php');
         }, 5000);
         $.ajaxSetup({ cache: false });
    });
    </script>
<div id="test2">
    <?php include 'test2.php' ?>
</div>

1 个答案:

答案 0 :(得分:1)

您的.load()函数之一将覆盖其他内容的唯一方法是,您加载的对象之一是另一个的子对象。您还应该确保文档中没有多个具有给定id的对象,因为这可能导致jQuery选择器选择错误的对象。

您可能希望查找任何缺失的关闭标签,以防由于标签丢失而导致其中一个人意外成为另一个孩子。

两个$(document).ready()次呼叫不会发生冲突或相互覆盖。它们只是在文档准备就绪时排队要调用的多个函数。