リンク可能なJavaScriptを使用した動的コンテンツ

Question

1つのページを含むウェブサイトを作成したいとしましょう。すべてのコンテンツは動的であり、JavaScriptを使用してDOMを置換して生成されます。これに関する良いことは、特にカタログ（オンラインストア、ギャラリーなど）を含むアプリケーションの方が、より優れたユーザーエクスペリエンスを作り出すことです。問題は今リンクすることになります。私がサイトを閲覧しているとしたら、私が誰かと見ている特定のものを共有したいと思っていますが、問題はJavaScriptがマジックをやっているのでリンクは常に同じです。だから問題は、リンクする機能を維持しながら完全にJavaScriptを実行するウェブサイトを作成するにはどうすればよいのでしょうか？

ハッシュリンクがありますが、私は悲惨に失敗しています。私はハッシュを変更し、すべての<a>タグを上書きしようとした、まだそう

$("a").click(function(){ 

    window.location.hash = $(this).attr("id"); 
    processHash(); 
    return false; 
}); 

などのデフォルトの動作を妨げる、それがランダムに理由もなく私の体をスクロールします。

私は完全に動的なウェブサイトのリンクの制限に関するいくつかの洞察をしたいと思います。ありがとう。

Answer 1

ここにあなたが行うことができます1つの単純なことです：

window.onload = function() { 
    processHash(); 
} 

か、それはjQueryの$使用することができます（関数（）{...}）は、ページコンテンツが最初にロードされ、その後、リンクprocessHash();を扱う関数がその作業

Answer 2

ていなくても新しいと光沢のあるjQueryの移動図書館が100％のアヤックスで行いますページがロードされた例であるhttp://www.example.com/#some-link ここにされて何が起こるか

しかし、それは近いです。明らかに、非常に近代的なブラウザで、jQueryのモバイルで行われ、このドキュメントサイトをチェックアウト：http://jquerymobile.com/test/

あなたはドキュメントに掘る場合あなたは、彼らがハッシュフレームワークとHTML5のデータ・コンテンツとの連携=「ページ」

を使う方法を見て少し

各<div data-content="page">Is an independent page, if I remember right</div>