0

JQueryを使用して最も基本的なナビゲーションを実行しようとしていますが、惨めに失敗しています。

さまざまなコンテンツを含む複数の.htmlファイルがありますが、永続的なページを作成し、コンテンツをdivにロードしたいと考えています。現時点でナビゲーションを実装している方法:

  1. ユーザーがNavLink1をクリックする
  2. JQueryは以下を実行します。

    event.preventDefault()
    (#my-content-div).load(NavLink1-content);

  3. URLは「www.mydomain.com/#NavLink1」と表示されます。
ユーザーがwww.mydomain.com/NavLink1にアクセスし、コンテンツが適切に読み込まれるのに、世界で#NavLink1への直接リンクを実装したり、システムを実装したりするにはどうすればよいですか?

1つのナビゲーションリンクのナビゲーションコード:

    $("#story-button-link").click(function(event){
        $(this).addClass("selected");
        $("#landing-page-article").load('./story.html', function() {
            $(document).ready(function() {
            });
        });
        return false;
    });
4

1 に答える 1

3

新しいバージョンのブラウザのみをサポートすることを気にしない場合は、HTML5履歴管理機能pushStateを使用できます。具体的には、ページをリロードせずにURLを変更できるyourdomain.com/NavLink1ため、同じことを実行できますが、URLはそのまま維持されます。 。

古いブラウザを気にする場合、ブラウザ間の互換性の問題を解決するHistory.jsを使用できます。新しいブラウザではHTML5機能を使用し、古いバージョンではハッシュの変更に戻ります。

于 2012-06-22T01:33:36.157 に答える