jquery load（）函数在Firefox中运行但在Chrome中不运行

Question

jquery noob尝试使用PHP脚本（hpimages.php）动态创建的新html动态更新div（#allimages）。看起来像load（）就好了，我发现了更新here的一个很好的功能。这是我正在使用的代码：

$.ajaxSetup({ cache: false });

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

它在Firefox中运行良好...在幕后不断重新加载，以便当有新内容时，它会出现在页面上。但是，它在Chrome中的行为有所不同：#allimages每秒都会更新一次，但是不是用来自hpimages.php的html替换现有的html，而是将新的html追加到旧的，所以页面开始变大，重复的内容。有关如何修复Chrome的任何想法？

Answer 1

肮脏的解决方法是首先清空div。

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

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