php - 多个文档就绪功能相互覆盖

Question

我有两个查询，一个在文件中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>

Answer 1

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

您可能需要查找任何丢失的关闭标签，以防一个因丢失标签而意外成为另一个的孩子。

两个$(document).ready()调用不会相互冲突或覆盖。他们只是将多个函数排队等待文档准备好时调用。