私の質問はこのウェブサイトについてです - http://www.bits-apogee.org/2011/
サイド ナビゲーション バーのリンクをクリックするたびに、Web サイトの中央部分が動的に読み込まれます。また、URLも変更され、他のすべては変更されません。これはどのように行われますか？
これはクエリプラグインですか？
2202 次
4 に答える
1
サイトは、ロードされる新しいコンテンツを示すためにURLでハッシュ（＃）を使用しています。
これは、動的にロードされたコンテンツをブックマークする場合に便利です（通常、ページの特定の領域にロードをハッシュし、新しいブラウザーのアンカーまたはIDという名前を付けます）。これは、ページの更新をトリガーしないためです...
http://www.highrankings.com/urls-with-hashtags-307これには欠点（SEO）の懸念があります...しかし、それを行うサイトが増えるので、SEOロボットが良くなると思います。
于 2012-05-08T20:22:44.547 に答える
1
@JMCCreativeに完全に同意します。実際のリフレッシュのようです。StackOverflowに関する次の投稿をご覧ください。
于 2012-05-08T20:23:31.077 に答える
1
2つの可能性があります：
- HTML5機能を使用してURL（履歴pushState）を変更できますが、この機能はまだすべてのブラウザーで使用できるわけではありません。詳細については、このSOの投稿を参照してください。ページを更新せずにブラウザのアドレスバーを変更する方法はありますか？。
- 上記の機能をまだ備えていないブラウザのフォールバックとして、ハッシュタグ（＃）の部分を使用できます。
jQueryを使用する場合は、便利なプラグインのjQueryアドレスを使用できます。これにより、上記の両方のケースが処理されます。
于 2012-05-08T20:24:29.330 に答える
0
彼らはプラグインを使用していません。彼らは、http://www.bits-apogee.org/2011/getcontent/?even=Rachel+Armstrong のような URL に対して ajax リクエストを実行し 、 概要をコンテナーにダンプしています。
このタイプのプロセスの循環は通常次のようになります。
- リンクのクリックをリッスンする
- クリック時、デフォルトのオンイベントを防ぎます。
- ユーザー window.history.pushState で URL を更新
- 他のコード - 新しい履歴を聞く
- コンテンツを取得するための URL を生成します。
- URLをajaxで読み込む
- データをコンテナーにダンプする
私が使用した2つのライブラリは、JSON形式を使用してデータを取得するサンプルサイトではなく、AJAXを介して通常のhtmlページをロードすることに依存しているため、どちらも上記よりも簡単です。
于 2013-04-20T01:52:50.197 に答える