背景: 以下に示すマークアップを含むページがあります。jQuery の .load() メソッドを使用して、div.content-container の内容を次のコードに置き換えています。
$(document).on('click', 'button#page2', function() {
$("div.content-container").load("page2.html");
});
質問: この方法は機能しますが、URL に #page2 などのハッシュを追加して、戻るボタンの機能を許可したいと考えています。完全に HTML と jQuery に基づいたサイトにこの機能を追加する方法はあり.load()ますか?
私は Ben Alman の BBQ プラグインを見てきましたが、非同期コンテンツの初心者であり、jQuery の専門家ではない私は、自分のプロジェクトにそれを実装する方法を理解するのに苦労しています。
メインページの HTML:
<head>
<!--scripts & styles-->
</head>
<body>
<button id="page2">Page 2</button>
<button id="page3">Page 3</button>
<div class="content-container">
<!--content is loaded here-->
</div>
</body>
page2.html (およびそれ以降のページ) は完全な HTML ドキュメントではありません。
<p>Here's some content from the second page.</p>