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

我也將你的頁面分解爲可測試的並報告錯誤。當你減少代碼時，你可能會發現你搞砸了。