我的网站存在火狐缓存问题

Firefox cache issue with my site

本文关键字：缓存 问题 火狐 存在 网站 我的      更新时间：2023-09-26

我已经开始为客户 www.ifixboilers.com 建立一个网站。这是一个简单的基于表单的网站，有三个选项，当有人点击其中一个选项时，我使用 JS 更改其中一个表单的 CSS 位置。表单出现后，表单的各个部分需要填写，但如果他们希望返回主页，他们可以单击"返回"按钮，该按钮使用 JS 将 CSS 更改为隐藏以再次形成表单，允许他们选择不同的表单或重新阅读主页。

问题出在FireFox上——当他们点击返回按钮时，首页都不是可点击的。就像形式仍然存在但不可见。只有当我按几次 Ctrl+F5 时，它才会变得可见。

在所有其他浏览器中，这不是问题吗？我已经搜索了高低阅读许多关于缓存清除的堆栈溢出帖子 - 我愿意接受任何建议。

事实是您的表单仍然在按钮上方，只是它的不透明度已设置为 0。您应该尝试在淡出动画结束时完全隐藏表单（例如使用 CSS "display： none" 属性）。

您是否尝试过将其中任何一个添加到标记中？

  1. <meta http-equiv="Cache-control" content="no-cache">
  2. <meta http-equiv="Cache-control" content="no-store">
  3. <meta http-equiv="Cache-control" content="must-revalidate">
  4. <meta http-equiv="pragma" content="no-cache">
  5. <meta name="expires" content="0">

尽管FF3仍然是一个问题。

在

动画结束时将 z 索引设置为 -1 或将显示设置为 none。否则，您将无法单击"通过"div。

让我的 JS 正常工作的唯一方法是将 <a> 标签更改为 <input type="button"> ，然后使用 css 设置它们的样式。

问题出在这一点上

<ul>
<li id="fix"><a href="#" onclick="showF1();">fix</a></li><!--fixForm.html-->
<li id="serv"><a href="#" onclick="showF2();">serv</a></li><!--serviceForm.html-->
<li id="cont"><a href="#" onclick="showF3();">cu</a></li><!--contactUs.html-->
</ul>

FireFox 将"#"视为页面锚点并将 url 更改为 www.ifixboilers.com/#，因此将锚点更改为按钮解决了我的问题。

<div id="buttons">
<input type="button" name="fix" id="fix" onclick="showF1();" /><!--fixForm.html-->
<input type="button" name="serv" id="serv" onclick="showF2();" /><!--serviceForm.html-->
<input type="button" name="cont" id="cont" onclick="showF3();" /><!--contactUs.html-->
</div>
相关文章：