Question

大家好我创建了一个基于jquery的多级导航菜单，当onMouse时，每个子节点直接出现在悬停/单击的列表项下面。我现在遇到的问题是选定的父项目的bg-color没有像subnav bg一样被更改。奇怪的是，它在IE中工作而不是在FF中。这是我写的jquery脚本。

演示 - http://jsfiddle.net/pixelfx/xRVVv/4/

  $(document).ready(function() {
  $("ul#topnav li").hover(function() { //Hover over event on list item
  $(this).css({ 'background' : '#1376c9 url(topnav_active.gif) repeat-x'}); 
  $("ul#topnav li.active1").css({ 'background' : 'CCFFCC'}); 
  $(this).find("span").show(); //Show the subnav

  } , function() { //on hover out...
  $(this).css({ 'background' : 'none'}); 
  $(this).find("span").hide(); //Hide the subnav
  $(this).find("span.active").show(); //Hide the subnav
  $(this).find("li.active1").show(); //Hide the subnav
 $("li.active1").css({ 'background' : '1376c9'}); 
 });});

Answer 1

.css（{'background'：'CCFFCC'}）;

.css（{'background'：'1376c9'}）;

你在颜色之前错过了#标记..添加它有帮助吗？

确定编辑了一个小提琴，纠正了颜色代码并获得了我想要的内容，即激活了1个标签以保持高亮显示，除非其他人悬停在其上...

这就是你所追求的 - jsfiddle

jquery多级菜单

1 个答案: