多個文檔就緒功能覆蓋另一個

我有兩個查詢一個在文件test.php和一個在文件test2.php ...我想刷新div每隔5秒，但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>

來源

2013-04-26 user1775570

你對'＃test2'使用「random.php」。你有意這麼做嗎？ – Ian 2013-04-26 23:58:40

否則，你的代碼沒有什麼明顯的外觀錯誤，沒有什麼東西應該覆蓋另一個 – Ian 2013-04-26 23:59:53

哦，它其實不是這樣的！只是讓它更簡單 – user1775570 2013-04-27 00:01:16

那你功能之一將覆蓋其他內容的唯一方法是，如果要裝載到的對象之一是其他的孩子。您還應該確保文檔中沒有多個對象具有給定的ID，因爲這可能會導致jQuery選擇器選擇錯誤的對象。

您可能希望查找任何缺少的關閉標籤，以防由於缺少標籤而導致意外成爲另一個關閉標籤的子項。

兩個$(document).ready()調用不會相互衝突或覆蓋。他們只是在文檔準備就緒時排隊調用多個函數。

來源

2013-04-27 00:01:24 jfriend00

我翻遍了我的代碼幾次，唯一能找到可能會引起懷疑的是test.php和test2.php都是一樣的（類和id等），但是它們來自不同的數據庫。這與它有什麼關係？ – user1775570 2013-04-27 00:10:15

您的文檔中不能有任何兩個DOM元素具有相同的ID。如果您使用相同的ID加載兩段HTML，那就是一個問題。 – jfriend00 2013-04-27 01:35:14

多個文檔就緒功能覆蓋另一個

回答

相關問題