1

私は次のjsを持っています:

$(function() {
    $('#header a').click(function() {
        $('#contentspace').empty();
        // $("#contentspace").load(eventUrl + "#content");
        $("#contentspace").load(this.href, + ' #content', function(response){
            console.log($('#content', response).html())
            event.preventDefault();
        });
    });
});

およびhtml：

<div id="header" class="ui-corner-all ui-buttonset">
    <a title="index" href="index.php" ><span>home</span></a>
    <a title="code" href="code.php" ><span>code</span></a>
    <a title="design" href="design.php" ><span>design</span></a>
    <a title="illustration" href="illustration.php" ><span>illustration</span></a>
    <a title="writing" href="writing.php" ><span>writing</span></a>
    <a title="links" href="links.php" ><span>links</span></a>
    <a title="about" href="about.php" ><span>about</span></a>
</div>

これを使用して Web ページのセクションを にロードし#contentspace、練習用サイトに ajax のような雰囲気を与えています。この問題は、ユーザーがクリックしてメイン ページに戻り、メイン ページがそれ自体の内部に読み込まれたときに発生します。- ' #header',引数に追加することで修正できたのではないかと思いました .loadが、これは何もしないようで、たとえあったとしても、他の問題がどのように発生するかがわかります。

概要: jquery で効果的なランディング ページを作成するのに問題があります。ホームページはヘッダーとフッターをそれ自体にロードしています。

4

1 に答える 1

1

おそらく、メイン ページを、ヘッダーとフッターのみを含むインデックスと、メイン ページのコンテンツのみを含むインデックスのindex.htmlようなものに分けることができます。home.html

.load次に、ページが最初にロードされたとき (たとえば、クリック ハンドラーをナビゲーションにアタッチする直前) に、index に「home.html」を一度実行させることができます。

于 2012-04-09T22:41:01.110 に答える