Question

我一直试图替换标记为＆＃34;内容＆＃34;与不同的html文件的内容。不幸的是，我对JS不太了解。

这是index.html文件的代码：

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<script type="text/javascript" src="./js/jquery.js"></script>
<script>
    $(document).ready(function(){
        $("home").on("click", function(){
            $("#content").load("./home.html");
        });
        $("contact").click(function(){
            $("content").load("./contact.html");
        });
    });
</script>
</head>

<body>
<div id="header">
<table class="tg">
  <tr>
    <th><a href="#" id="home">ABOUT</a></th>
    <th><a href="#" id="contact">CONTACT</a></th>
  </tr>
</table>
</div>

<div id="content"></div>

</body>
</html>

这是home.html文件：

<h1>MyTitle</h1>
<p>Content I want to see</p>

我在stackoverflow上找到了类似的线程（JS脚本基本上是从here复制的），但它仍然无法正常工作。谁能向我解释我错过了什么？

Answer 1

您在ID选择器前面缺少哈希，您的代码应如下所示：

$(document).ready(function(){
    $("#home").on("click", function(){
        $("#content").load("./home.html");
    });
    $("#contact").click(function(){
        $("#content").load("./contact.html");
    });
});

jQuery - 如何替换部分页面？

1 个答案: