-1

次のようなページがあります

<html>
<body>
    <div id="header">
        <a href="page1.html">Page1</a>
        <a href="page2.html">Page2</a>
    </div>
    <div id="Container">
        Content
    </div>
</body>
</html>

ナビゲーションをクリックすると、ページを取得したいのですが、ヘッダーが固定されています。コンテナのコンテンツとアドレスバーを変更するか、固定ヘッダーでページを変更するだけです

固定チャットとヘッダー バーを備えた Facebook のように。

私はAjaxのような多くの方法を試しましたが、私はそれを使用することはできません:)

4

1 に答える 1

2

jQueryを使用して、次の$.get()ようなことを試すことができます。

$(document).ready(function() {
    $('a').click(function(event) {
        event.preventDefault();
        $.get(this.href, {}, function(data) {
            $('#container').html(data);
        });
    });
});

#containerこれにより、のコンテンツがナビゲーションのリンクの背後にあるものに置き換えられます。その場合、必要なコンテンツのみがに含まれていることを確認するのはあなたの責任ですpage1.html。

これを行うためのより良い、より複雑な方法は、完全なサイトコンテンツをpage1.html組み込み、関数内でいくつかのロジックを使用してsuccess、必要なコンテンツのみを抽出することです。
これは、JavaScriptなどを使用していないユーザーにとってはうまくフォールバックします。

jQueryのAjax機能を読んでください。そうすれば、かなり迅速に何かを解決できるはずです。

于 2012-07-02T10:45:37.490 に答える