Javascript Ajax不起作用。我需要的页眉和页脚不是每次重新加载。你能帮助我吗？_Javascript_Jquery_Html_Css_Ajax

Javascript Ajax不起作用。我需要的页眉和页脚不是每次重新加载。你能帮助我吗？

javascript jquery html css ajax

Javascript Ajax不起作用。我需要的页眉和页脚不是每次重新加载。你能帮助我吗？,javascript,jquery,html,css,ajax,Javascript,Jquery,Html,Css,Ajax,我需要页眉和页脚在某些网页中不改变，所以这是我从stackoverflow.com复制的简单ajax代码。但它不起作用。请帮帮我 <html> <head> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script type="text/javascript"> $(document).ready(

我需要页眉和页脚在某些网页中不改变，所以这是我从stackoverflow.com复制的简单ajax代码。但它不起作用。请帮帮我

<html>
    <head>
        <script src="//code.jquery.com/jquery-1.10.2.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#activities").click(function(){
                    $("#body").load("activities.html");
                });
            });
        </script>
    </head>
    <body>
        <div id="header">
            <a href="#" id="#activities">Activities</a>
            This is the header.
        </div>
        <div id="body">
            <p>
                This is the body. 
            <p>
        </div>
        <div id="footer">

            This is the footer.

        </div>
    </body>
</html>


$（文档）.ready（函数（）{
$（“#活动”）。单击（函数（）{
$（“#body”）.load（“activities.html”）；
});
});
这是标题。

这是尸体。

这是页脚。

尝试更改：

id="#activities"

致：

你需要改变

<a href="#" id="#activities">Activities</a>

谢谢。但是页眉和页脚也不见了。@Parveen.gmp不要使用

$（“body”）

它应该是

$（“#body”）

，或者试试这个选择器

$（“body#body”）

这里是文件。

<a href="#" id="#activities">Activities</a>

<a href="#" id="activities">Activities</a>
<!.............^.......................-->

$(document).ready(function() {
    $("#activities").click(function(e) {
        e.preventDefault();
        $("#body").load("activities.html");
    });
});