Javascript 如何编辑下面的jQuery以将悬停徽标更改返回到原始状态？

第一个帖子在这里。我的代码如下。我这里基本上有一个导航菜单（#nav）和一个徽标（#logo）。当悬停在#nav元素上时，我使用了data href和图像链接来交换悬停在不同导航项上时的#徽标图像。例如，将鼠标悬停在“蓝色”上，徽标将显示在蓝色图像上。但当鼠标悬停在OFF位置时，下面的代码仅停留在最后查看的图像上。当悬停在off位置时，有没有办法将其恢复到原始状态

HTML:

如果我正确理解了您的目标，则无需jquery

<ul id="logo_list">
  <li class="logo_item">
     <div class="logo_default"> put stuff as if item is not hovered </div>
     <div class="logo_hovered"> put stuff as if item is hovered </div>
  </li>
</ul>

.logo_hovered
{
   display:none;
}

.logo_item:hover .logo_default
{
  display:none;
}

.logo_item:hover .logo_hovered
{
  display: block;
}



把东西放在物品未悬停的位置
将物品放在悬停状态


.logo_悬停
{
显示：无；
}
.logo\u项目：悬停。logo\u默认值
{
显示：无；
}
.logo\u项目：悬停。logo\u悬停
{
显示：块；
}
如果我正确理解您的目标，则无需jquery

<ul id="logo_list">
  <li class="logo_item">
     <div class="logo_default"> put stuff as if item is not hovered </div>
     <div class="logo_hovered"> put stuff as if item is hovered </div>
  </li>
</ul>

.logo_hovered
{
   display:none;
}

.logo_item:hover .logo_default
{
  display:none;
}

.logo_item:hover .logo_hovered
{
  display: block;
}



把东西放在物品未悬停的位置
将物品放在悬停状态


.logo_悬停
{
显示：无；
}
.logo\u项目：悬停。logo\u默认值
{
显示：无；
}
.logo\u项目：悬停。logo\u悬停
{
显示：块；
}
我假设
#logo
是一个
div
？如果是这样，请使用
data
属性设置其默认图像url，然后恢复到mouseout上的url：

<div id="logo" data-defaultimg="myimg.jpg"><img /></div>

”）；
}
否则{
$（this.sibles（）.removeClass（“选定”）；
$logo.html（“”）；
}
});
});
我假设
#logo
是一个
div
？如果是这样，请使用
data
属性设置其默认图像url，然后恢复到mouseout上的url：

<div id="logo" data-defaultimg="myimg.jpg"><img /></div>

”）；
}
否则{
$（this.sibles（）.removeClass（“选定”）；
$logo.html（“”）；
}
});
});
你是不是误会了导航$（'#nav'）。在（'hover'，li'，function（）{尝试将nav替换为“#nav”并删除var nav=$（'#nav'）[0]，没有使用var输出，并且您有未定义的logo变量（logo应该由输出替换吗？），您的php与jQuery无关。我们需要查看HTML，而不是服务器端脚本。您是否错误地错过了#nav？$（'#nav'）。在（'hover'，'li'，function（）{尝试将nav替换为“#nav”并删除var nav=$（'#nav'）[0]，未使用var输出，并且您有未定义的徽标变量（是否应将徽标替换为输出？）你的php与jQuery无关。我们需要看到的是HTML，而不是服务器端脚本。Rory，谢谢你的回答。它有点工作，但不完全工作。基本的默认图像工作，但由于某种原因，现在图像在悬停时没有改变。#logo实际上是一个标记，但出于测试目的，我已经切换到了。下面是logo代码（现在）：Rory，谢谢你的回答。它有点起作用，但不完全起作用。基本的默认图像起作用，但现在由于某种原因，图像在悬停时不会改变。#徽标实际上是一个标签，但出于测试目的，我已切换到它。这是徽标代码（现在）：嘿，Matt，谢谢你的评论。它与你在这里描述的内容类似，但是#徽标没有嵌套在列表中，因此我认为使用jQuery更容易定位。不过我想如果需要，我可以定位两个内部标记。谢谢你。嘿，Matt，谢谢你的评论。它与你在这里描述的内容类似，但是e#logo没有嵌套在列表中，因此我认为使用jQuery更容易定位。不过我想如果需要，我可以定位两个内部标记。谢谢。