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加载的页面网址添加随机数或时间戳作为虚拟查询字符串，以强制浏览器不使用缓存的副本