2

私のサイトには2セットのタブがあるページがあります。各タブのリンクはajax駆動型ですが、JavaScriptが有効になっていない場合に備えて適切なhrefがあります。jQueryアドレスなどのプラグインを使用してajaxの「戻るボタン」ソリューションを実装しようとしています。

このソリューションに関する私の問題/混乱は、JavaScriptがハッシュを解析して正しいコンテンツをロードする前に、ページのデフォルトコンテンツがロードされたままになることです。最初にコンテンツを非表示にすると、JavaScript以外のユーザーには何も表示されません。最初にコンテンツを非表示にしないと、更新される前にユーザーにしばらくの間間違ったページが表示されます（最初に間違ったタブをロードしてから正しいタブをロードするという余分なオーバーヘッドがあります）。

これに対処するための最良/最も一般的なアプローチは何ですか？

ありがとう、ブライアン

4

2 に答える 2

3

ハッシュを使用すると、常に間違ったコンテンツが最初に表示されます。これを回避するには、HTML5HistoryAPIでサーバー側のソリューションを使用する必要があります。続きを読む

使用できます： https ：//github.com/browserstate/ajaxify

そして、タブをサーバー側で次のようにレンダリングしますif ( $_GET['tab'] === '2' ) // render 2

于 2011-03-27T20:44:27.197 に答える
1

これは良い質問だと思います。タグを使用して<noscript>、JSユーザーに対して最初に非表示になっているコンテンツを表示するcssを含めてみましたか。このようなもの：

<style type="text/css">
  #area-1, #area-2 { display: none; }
</style>

<noscript>
  <style type="text/css">
    #area-1, #area-2 { display: block; }
  </style>
</noscript>

お役に立てれば！

于 2011-03-27T14:29:39.553 に答える