Javascript jQuery不是'；t执行一个事件，但执行4个相同的事件

这是一个很大的布局，所以我将只发布链接到jQuery和HTML的部分（完整站点位于）。除了在Firebug inspection中将About链接更改回.navBarActive之外，所有这些都可以正常工作，但不会在视觉上发生更改。我是网页设计新手，到目前为止，这是我的第一个大问题

jQuery

$(document).ready(function() {
    $("li.navBarNormal").click(function () {
        $("li.navBarActive").removeClass("navBarActive").addClass("navBarNormal");
        $(this).removeClass("navBarNormal").addClass("navBarActive");
    })
});

HTML

关于
订阅
新闻
更新
联系人

这是因为您没有在

#navLinkAbout

节点上设置事件侦听器，因为该节点没有一个

navbnormal

类开始

我的建议是使用更好的选择器来设置侦听器，如

#navLinks li

$(document).ready(function() {
    $("#navLinks li").click(function () {
        $("li.navBarActive").removeClass("navBarActive").addClass("navBarNormal");
        $(this).removeClass("navBarNormal").addClass("navBarActive");
    })
});

---

这是因为您没有在

#navLinkAbout

节点上设置事件侦听器，因为该节点没有

navBarNormal

类作为开始

我的建议是使用更好的选择器来设置侦听器，如

#navLinks li

$(document).ready(function() {
    $("#navLinks li").click(function () {
        $("li.navBarActive").removeClass("navBarActive").addClass("navBarNormal");
        $(this).removeClass("navBarNormal").addClass("navBarActive");
    })
});

试试这个：

将事件触发器更改为“li.liNav”。这将事件处理程序应用于所有链接。然后在此（已单击的）上执行添加/删除操作，遍历并找到同级并执行其添加/删除操作

$(document).ready(function() {
$("li.liNav").click(function() {
    $(this).removeClass("navBarNormal").addClass("navBarActive").siblings().removeClass("navBarActive").addClass("navBarNormal");
}) });​

试试这个：

将事件触发器更改为“li.liNav”。这将事件处理程序应用于所有链接。然后在此（已单击的）上执行添加/删除操作，遍历并找到同级并执行其添加/删除操作

$(document).ready(function() {
$("li.liNav").click(function() {
    $(this).removeClass("navBarNormal").addClass("navBarActive").siblings().removeClass("navBarActive").addClass("navBarNormal");
}) });​

---

我建议删除navBarNormal类，只需将“Active”类传递给当前项。然后将click事件绑定到所有ListItems。这样就不会弄乱选择器中使用的类。我建议删除navBarNormal类，只需将“Active”类传递给当前项。然后将click事件绑定到所有ListItems。这样你就不会弄乱你在选择器中使用的类。我的朋友，你是最棒的！我的朋友，你是最伟大的！