我有两个查询,一个在文件 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>
最佳答案
.load()
函数之一覆盖其他内容的唯一方法是,如果您要加载的对象之一是另一个对象的子对象。您还应该确保文档中没有多个具有给定 id 的对象,因为这可能会导致 jQuery 选择器选择错误的对象。
您可能需要查找任何丢失的关闭标记,以防一个标记由于丢失标记而意外成为另一个标记的子标记。
两个 $(document).ready()
调用不会相互冲突或覆盖。他们只是将多个函数排队,以便在文档准备好时调用。
关于php - 多个文档就绪函数相互覆盖,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16246857/