php - Internet Explorer 无法从 PHP/jQuery 刷新

Question

我为由带有背景图像的 div 组成的页面创建了一个“背景”。结果是使用 jQuery 和 PHP 淡入、等待、淡出和重新加载的随机图像 block 。

这适用于 Chrome、Firefox、Safari、Opera(虽然有点笨重)、Safari/iPad、Android 手机。它在 ie8 和 ie9 中“工作”，但有一个异常(exception):在两个版本的 IE 中每次都会出现相同的图像(在 IE8/Win7、IE9/Vista 上测试)。

我已经使用 PHP 一段时间了，所以我知道这部分很好。我对 jQuery 相当陌生，但正如我提到的，它适用于所有其他浏览器(尽管它可能不是最有效的方式)。这是我正在使用的 jQuery:

var auto_refresh = setInterval(function () {
    var $data = $('#backgrounder');
    $data.fadeOut(2000, function() { 
        $data.load('background.php', function() { 
            $data.delay(2000).fadeIn(2000); 
        }); 
    });

}, 10000); // refresh every 10000 milliseconds

PHP 只是从文件夹中创建具有随机文件名的 div。

它输出这种类型的 HTML:

<div class="outerbackgroundbox">
<div style="background-image: url(images/backgrounds/a5.jpg);" class="blocks"></div>
<div style="background-image: url(images/backgrounds/a2.jpg);" class="blocks"></div>
...
<div style="background-image: url(images/backgrounds/a6.jpg);" class="blocks"></div>
<div style="background-image: url(images/backgrounds/a7.jpg);" class="blocks"></div>
</div>

关于为什么 Internet Explorer 中没有更新的任何想法(除了明显的“IE 很糟糕”的想法之外。;-)

谢谢!

Answer 1

这可能是缓存问题。为了防止额外的开销，IE 只是重用之前从同一 URL 获得的内容。

http://api.jquery.com/jQuery.ajaxSetup/

$.ajaxSetup({cache: false});

这应该禁用您使用 jQuery 发出的所有 AJAX 请求的缓存。