2010-06-25 81 views
7

我正在使用一个漂亮的小Jquery,它会自动加载并刷新div,每bla bla秒。 在所有的浏览器上都能正常工作,然后我加载IE浏览器,并发出惊喜,祝你好运! :(使用jQuery每10秒自动加载并刷新div

的Index.html

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/ 
libs/jquery/1.3.0/jquery.min.js"></script> 
<script type="text/javascript"> 
var auto_refresh = setInterval(
function() 
{ 
$('#load').load('reload.php').fadeIn("slow"); 
}, 10000); // refresh every 10000 milliseconds 

<body> 
<div id="load"> </div> 
</body> 

</script> 

reload.php

<? 

echo time(); //just a timestamp example.. 

?> 

任何想法家伙?

回答

7

在URL的末尾添加一个随机值,以避免缓存。那应该解决你的问题。例如:$('#load').load('reload.php?_=' +Math.random()).fadeIn("slow");

+0

太好了!应该在第一个小时后来到这里,试图找出 – Webby 2010-06-25 20:52:33

+0

或使用jquery的$ .ajax()函数与缓存:假,可能有点矫枉过正。但我强烈建议您在reload.php中发送http标题,该标题“禁用”缓存。 – user375700 2010-06-25 20:54:58

4

尝试在h之前关闭脚本标记为您的身体标签。

<head> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/ 
libs/jquery/1.3.0/jquery.min.js"></script> 
<script type="text/javascript"> 
var auto_refresh = setInterval(
function() 
{ 
$('#load').load('reload.php').fadeIn("slow"); 
}, 10000); // refresh every 10000 milliseconds 

</script> 
</head> 

<body> 
<div id="load"> </div> 
</body> 
0
body {text-align:center; background-image: url('http://cdn3.crunchify.com/wp- content/uploads/2013/03/Crunchify.bg_.300.png')} 


    $(document).ready(function() { 
     auto_refresh(); 
    }); 
    function auto_refresh(){ 
     var randomnumber = Math.floor(Math.random() * 100); 
     $('#show').text('I am getting refreshed every 3 seconds..! Random Number ==> '+ randomnumber); 
    } 
    var refreshId = setInterval(auto_refresh, 1000);