IE9中Javascript Stepcarousel的緩存問題

Question

我正在通過此鏈接使用Stepcarousel Javascript插件： Stepcarousel我有20個單獨的html頁面，其中包含一些html代碼：我將使用JQuery.load()方法加載到stepcarousel中作為面板的div和段落，因此每個轉發/向后單擊我正在將html頁面的內容加載到stepcarousel中，它的工作方式類似於滑塊，每次向前/向后單擊時都會加載並顯示html內容。

我面臨的問題是，一切都可以在Firefox和Chrome上運行，但是在IE9中也可以運行，但是當我在第15面板上時，它開始顯示出是否同時加載了許多html頁面的信息。認為這與IE9中的緩存有關，但我嘗試了所有操作，但該錯誤仍在發生。

這是我正在使用的html代碼：

<div id="divCarousel" class="stepcarousel">
   <div id="panel1" class="panel"></div>
   <div id="panel2" class="panel"></div>
   .....................................
   .....................................
   <div id="panel20" class="panel"></div>
</div>

這是我用來從單獨的html頁面加載html內容並將其顯示在stepcarousel上的功能：

function fncToPage(vintPage) {/*vintPage is the number of the panel that the carousel goes to when I click on the forward button*/
   $("#panel"+vintPage).load('HTMLContent/page'+vintPage+'.html');
} 

您能告訴我如何做才能使此錯誤在IE9中消失嗎？

謝謝。

Answer 1

如果是緩存問題，請嘗試向您使用AJAX加載的頁面網址添加隨機數或時間戳作為虛擬查詢字符串，以強制瀏覽器不使用緩存的副本