0

顧客向けのサイトwww.ifixboilers.comの構築を開始しました。これは単純なフォーム ベースのサイトです。3 つのオプションがあり、誰かがオプションの 1 つをクリックすると、JS を使用してフォームの 1 つの CSS 位置を変更します。フォームが表示されたら、入力するフォームのさまざまな部分がありますが、ホームページに戻りたい場合は、[戻る] ボタンをクリックして、JS を使用して CSS をフォームに非表示に変更し、再びフォームを表示できるようにします。別のフォームを選択するか、メイン ページを読み直してください。

問題は FireFox にあります。戻るボタンをクリックしても、フロント ページのどれもクリックできません。フォームはまだそこにありますが、表示されていないようです。Ctrl+F5を数回押すと表示されます。

他のすべてのブラウザーでは、これは問題ではありませんか? キャッシュのクリアに関する多くのスタック オーバーフローの投稿を読んで高低を検索しました — どんな提案も受け付けています。

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

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 に答える
0

アニメーションの最後で z-index を -1 に設定するか、表示を none に設定します。そうしないと、div をクリックして「スルー」することができません。

于 2012-07-01T15:09:15.693 に答える