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

Question

I have two queries one in the file test.php and one in a file test2.php... I'd like to refresh the divs every 5 seconds, however the content of div #test gets overwritten by the content of the div test2. why is this happening? How do i fix it?

<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

The only way that one of your .load() functions will overwrite the other contents is if one of the objects you are loading into is a child of the other. You should also make sure that you don't have more than one object in your document with a given id because that could cause the jQuery selector to select the wrong object.

You may want to look for any missing close tags in case one is accidentally a child of the other due to a missing tag.

Two $(document).ready() calls do not conflict or overwrite one another. They just queue up multiple functions to be called when the document is ready.