2010-06-25 10 views
7

Ich arbeite mit einem netten kleinen Jquery, dass automatisch lädt und aktualisiert ein div jeden bla bla Sekunden. Funktioniert perfekt auf allen Browsern dann lade ich IE und bang was für eine Überraschung kein Glück! :(Auto Load und Refresh Div alle 10 Sekunden mit jQuery

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.. 

?> 

Irgendwelche Ideen Jungs?

Antwort

7

In einen Zufallswert am Ende der URL-Caching zu vermeiden .. Das sollte dein Problem lösen Beispiel: $('#load').load('reload.php?_=' +Math.random()).fadeIn("slow");

+0

wow nice! sollte nach der ersten Stunde hierher gekommen sein, um herauszufinden, – Webby

+0

oder jquery $ .ajax() -Funktion mit Cache: false verwenden, könnte aber ein bisschen zu übertreiben. Aber ich empfehle dringend, dass Sie HTTP-Header in reload.php senden, die das Caching "deaktivieren". – user375700

4

Versuchen Sie, Ihr Skript-Tag vor h zu schließen Avering your body tag.

<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);