0

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

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

在所有其他浏览器中，这不是问题吗？我搜索了很多关于缓存清除的 Stack Overflow 帖子，我愿意接受任何建议。

4

4 回答 4

1

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

于 2012-07-01T14:54:44.497 回答
0

您是否尝试将这些中的任何一个添加到您的标记中？

  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仍然是一个问题。

于 2012-07-01T14:47:50.243 回答
0

在动画结束时将 z-index 设置为 -1 或将 display 设置为 none。否则，您将无法单击“通过”该 div。

于 2012-07-01T15:09:15.693 回答
0

让我的 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>
于 2012-07-08T17:47:16.303 回答