jQuery .load 浏览器缓存覆盖主体类转换答案

【问题标题】：jQuery .load browser cache overrides body class transitionsjQuery .load 浏览器缓存覆盖主体类转换
【发布时间】：2016-01-17 01:58:41
【问题描述】：

我的 .load ajax 函数：

1) 点击链接

2) 在动画 css 过渡时加载请求的页面（主体添加/删除类）

3) 如果页面请求加载速度超过 400 毫秒，它知道在删除正文类和显示页面之前要等待

这在我的本地开发环境中完美运行。但是，当在实时服务器上时，ajax 页面缓存会覆盖主体类转换并在顶部快速加载页面，而忽略上述计时器 (3)。

我发现的修复是 $.ajaxSetup({ cache: false });它将一个字符串添加到 url，以便浏览器认为它是一个独特的页面...... UGLY。

还有哪些其他可能的解决方法？我可以在加载每个页面之前等待 400 毫秒，但这很慢而且不专业:)

提前非常感谢。蒂姆

【问题讨论】：

标签： jquery css ajax caching css-transitions

【解决方案1】：

然后修复...

在你的 .htaccess 中添加：

<filesMatch "\.(html|php|js|css)$">
    FileETag None
    <ifModule mod_headers.c>
        Header unset ETag
        Header set Cache-Control "max-age=0, no-cache, no-store, must-revalidate"
        Header set Pragma "no-cache"
        Header set Expires "Wed, 11 Jan 1984 05:00:00 GMT"
    </ifModule>
</filesMatch>

强制 apache 缓存不存储基本（列出的）文件。

呸

【讨论】：