jquery load（）函数在Firefox中工作，但不在Chrome中

Question

jquery noob尝试动态更新一个div（#allimages）与由PHP脚本（hpimages.php）动态创建的新html。看起来像load（）将是事情，我发现一个很好的功能在做更新here。下面是我使用的代码：

$.ajaxSetup({ cache: false }); 

$("#allimages").load("hpimages.php"); 
var refreshId = setInterval(function() { 
$("#allimages").load('hpimages.php?randval='+ Math.random()); 
}, 1000); 

在Firefox的伟大工程......重装保持在幕后，这样，当有新的内容，它出现在页面上。但是，Chrome在行为上有所不同：#allimages每秒更新一次，而不是用HTML来自hpimages.php替换现有的html，而是将新的html附加到旧的，所以页面开始随着重复的内容而变得巨大。任何想法如何在Chrome中修复？

Answer 1

肮脏的工作将首先清空div。

$("#allimages").html("").load(//... 

我也将你的页面分解为可测试的并报告错误。当你减少代码时，你可能会发现你搞砸了。