Javascript jquery导航显示和隐藏多个页面

被要求做一个水疗比萨店，并遇到了显示和隐藏功能的问题。始终只显示主页

您的CSS选择器不正确。根据您的HTML，您需要使用id选择器：

$("#navHome").click(function (event) {
    $("#home").show();
    $("#menu, #about").hide();
});
$("#navMenu").click(function (event) {
    $("#menu").show();
    $("#about, #home").hide();
});
$("#navAbout").click(function (event) {
    $("#about").show();
    $("#home, #menu").hide();
});

---

还有一个区别：

$（“菜单”，“关于”）

意味着“在关于标记中查找菜单标记”，而

$（“菜单”，“关于”）

意味着“查找具有id菜单的元素和具有id关于的元素”。

我复制了javascript和html来模拟这个问题。我在函数中添加了警报语句，以检查单击事件是否首先被捕获。但是，警告声明本身并没有出现

您需要对脚本进行以下两项更改才能正常工作：

在

#

前面加上ID以捕获点击事件

脚本末尾缺少结束符

）

请在下面找到最终脚本：

$(document).ready(function ()
    {
        $("#navHome").click(function (event) {
            $("home").show();
            $("menu", "about").hide();
        });
        $("#navMenu").click(function (event) {
            $("menu").show();
            $("about", "home").hide();
        });
        $("#navAbout").click(function (event) {
            $("about").show();
            $("home", "menu").hide();
        });
    }
)

---

如果有人能提出一个有帮助的建议，坐在这里有一段时间了，我确信这是一个简单的东西，在我面前，但已经看了太久。你的选择器是错误的，你应该包括哈希符号。例如：#家，#菜单，#等等，直到只显示家里有那个。有人告诉我可能是文件。ready和其他人说可能是因为彼此内部存在，而不是在同一级别上…谢谢，是的，我在发布此内容后更改了#，但仍然只看到了主分区