0

開発中の Web サイトに Ajax を使用していますが、このコードに何か問題があります... URL が mywebsite.com?about のような場合、about ページを表示したいと思います。

コードの HTML 部分は次のとおりです (注: リンクが押されると、テキストが DIV の「コンテンツ」に挿入されます)。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="script/open_page.js"></script>
<div id="wrapper">
    <div id="header">
        <ul class="nav">
            <li><a href="" onclick="load_home()">Home</a></li>
            <li><a href="" onclick="load_about()">About Us</a></li>
            <li><a href="" onclick="load_exchange()">Exchanges</a></li>
            <li><a href="" onclick="load_photos()">Photos</a></li>
            <li><a href="" onclick="load_contact()">Contact</a></li>
        </ul>
    </div>

    <div id="content">

    </div>
</div>

JavaScript の一部を次に示します。

var currentpage;
function load_about() { // Loads About Us
    if ($current_page == "about") {
        $(document).ready(function(){
            $("#content").load("contents/about.html");
        });
    }
}

提案や回答をありがとう...

4

2 に答える 2

1

load_aboutホームページのリンクをクリックして呼び出すので、if条件は必要ないと思います。また、dom readyこの場合の使用は間違っています

そのはず

    function load_about() { // Loads About Us
        $("#content").load("contents/about.html");
    }

それが私次第なら、私は少し違うやり方をするかもしれません

<div id="wrapper">
    <div id="header">
        <ul class="nav">
            <li><a href="contents/home.html" onclick="load_home()">Home</a></li>
            <li><a href="contents/about.html" onclick="load_about()">About Us</a></li>
            <li><a href="contents/a.html" onclick="load_exchange()">Exchanges</a></li>
            <li><a href="contents/b.html" onclick="load_photos()">Photos</a></li>
            <li><a href="contents/c.html" onclick="load_contact()">Contact</a></li>
        </ul>
    </div>

    <div id="content">

    </div>

と

$(document).ready(function(){
    $('#header ul.nav li').click(function(){
        $("#content").load($(this).find('a').attr('href'));
        return false;
    })
});
于 2013-07-12T02:31:18.227 に答える