Javascript 什么'；这有什么不对？单击链接时加载页面

我正在为一个我正在开发的网站使用Ajax，但这段代码有问题。。。当URL类似于mywebsite.com？about时，我希望显示about页面

下面是代码的HTML部分（注意：当按下链接时，文本将插入到DIV“content”中）：

---

感谢您的建议或回答…

由于您在单击主页链接时拨打了

load\u 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>

$（函数（）{
$（'.nav'）。在（'click'，'a'，函数（e）上{
e、 预防默认值（）；
var pageToLoad=$（this）.data（'page'）；
$.get（'contents/'+pagetLoad+'.html'），null，函数（响应）{
$（“#content”）.html（回复）；
});
});
});

我看不出当前页面的设置位置是什么$current\u页面不确定这是否是输入错误，但您尚未关闭所有的

。输入错误，我复制了部分源代码（我有问题的部分），同时忘了关闭标记

    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;
    })
});

    <ul class="nav">
        <li><a href="" data-page="home">Home</a></li>
        <li><a href="" data-page="about">About Us</a></li>
        <li><a href="" data-page="exchange">Exchanges</a></li>
        <li><a href="" data-page="photos">Photos</a></li>
        <li><a href="" data-page="contact">Contact</a></li>
    </ul>

$(function() {
    $('.nav').on('click', 'a', function(e) {
        e.preventDefault();
        var pageToLoad = $(this).data('page');
        $.get('contents/' + pageToLoad + '.html'), null, function(response) {
            $("#content").html(response);
        });
    });
});