尝试在jquery中使用mouseover和mouseout

Question

我显示 ul ，（它显示我的子菜单）像floowing代码，我有隐藏 ul 的问题，而我将鼠标移到ul（进入菜单），它隐藏，我不能正确使用mouseout事件

我怎么能隐藏ul，只是在鼠标输出“ul li”

时

$("ul li").mouseover(function() {
   $(this).find('ul').show();

  }).mouseout(function(){
     $(this).find('ul').hide();
  });

Answer 1

请尝试使用bind方法：

$("ul li").bind("mouseenter",function() {

});

$("ul li").bind("mouseleave",function() {

});

Answer 2

您可以使用绑定到.hover()和mousenter事件的mouseleave方法，如下所示：

$("ul li").hover(function() {
  $(this).find('ul').show();
}, function(){
  $(this).find('ul').hide();
});

或者，如果孩子最初是隐藏的，您可以使用.toggle()进一步缩短它们，如下所示：

$("ul li").hover(function() {
  $(this).find('ul').toggle();
});

主要区别在于{strong>进入孩子时mouseleave 。同样mouseout也不会为后代元素触发，这就是你想要的菜单。