add＆removeClass jQuery

Question

我有一个简单的2级菜单，如果鼠标结束，上层菜单应该得到“已选中”的类，并且在移动另一个一级菜单项时应该移除该类。但那不是问题，已经有效。

我的问题是：第一级menuitem应该离开“选择”，直到我去另一个一级菜单项。到现在为止我的剧本，只要我离开我的鼠标从项目

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#navi li").hover(function(){ 
      $(this).addClass('selected'); 
     },function(){ 
      $(this).removeClass('selected'); 
     }); 
    }); 
</script> 

我想以“选择”之类的所有项目作为我的鼠标是做好他们的阶级尽快删除删除“选择”之类的另一个项目，但是如果鼠标仅在子菜单项上或无论它是否在页面上，所选项目应保持选中状态。

Answer 1

这是你在追求什么？您可以移除悬停中的所有选定类，然后将选定内容添加到所需元素。

$(document).ready(function(){ 
     $("#navi li").hover(function(){ 
      $("#navi li").removeClass('selected'); 
      $(this).addClass('selected'); 
     } 
    }); 

Answer 2

尝试结合mousemove事件：

$("ul").mousemove(function (e) { 
    if (e.target.tagName == "LI") { 
     $(".selected").removeClass("selected"); 
     $(e.target).addClass("selected");   
    } 
});​ 

Demo.

Answer 3

这是因为以下琳：

},function(){ 
       $(this).removeClass('selected'); 
      }); 

这意味着，上述回调被执行时你移动鼠标..

而是做到这一点：

$(document).ready(function(){ 
      $("#navi li").hover(function(){ 
       $(this).addClass('selected'); 
      },function(){ }); 
     }); 

http://jsfiddle.net/SyvYv/

参考http://api.jquery.com/hover/