我已经开始为客户www.ifixboilers.com建立一个网站。它是一个简单的基于表单的站点,有三个选项,当有人点击其中一个选项时,我使用JS来改变其中一个表单的CSS位置。一旦表单出现,表单的各个部分都要填写,但是如果他们希望返回主页,他们可以点击“返回”按钮,它使用JS来改变CSS以隐藏再次形成,允许他们选择其他表格或重新阅读主页。
问题在于FireFox - 当他们点击返回按钮时,首页都不可点击。这就像表格仍然存在但不可见。只有当我按 Ctrl + F5 几次时,它才会显示。
在所有其他浏览器中,这不是问题吗?我已经搜索了很多关于缓存清除的Stack Overflow帖子的高低 - 我对任何建议持开放态度。
答案 0 :(得分:1)
事实是你的表单仍然在按钮上方,只是它的不透明度已经设置为0.你应该尝试在fadeOut的末尾完全隐藏表单(比如使用CSS“display:none”属性)动画。
答案 1 :(得分:0)
您是否曾尝试将其中任何一项添加到标记中?
<meta http-equiv="Cache-control" content="no-cache">
<meta http-equiv="Cache-control" content="no-store">
<meta http-equiv="Cache-control" content="must-revalidate">
<meta http-equiv="pragma" content="no-cache">
<meta name="expires" content="0">
虽然FF3仍然是一个问题。
答案 2 :(得分:0)
在动画结束时将z-index设置为-1或将display设置为none。否则,您将无法点击“通过”div。
答案 3 :(得分: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将“#”视为页面锚点并将网址更改为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>