鼠标滑过不能正常工作

Question

我正在创建一个简单的菜单，当点击菜单 时会显示菜单项，并且在从菜单项中鼠标悬停时会隐藏。

http://jsfiddle.net/MMHVv/3/

在Firefox中，这并不工作， 的menuItem当鼠标悬停铬

它工作正常

Answer 1

通常应该避免内联JavaScript，请参阅： http://robertnyman.com/2008/11/20/why-inline-css-and-javascript-code-is-such-a-bad-thing/

您应该使用的鼠标悬停及移出功能来代替： http://api.jquery.com/mouseover/

$(function() { 
    $('#menu').mouseover(function() { 
     $('#TestMenu').show(); 
    }).mouseout(function(){ 
    $('#TestMenu').hide(); 
    });; 

}）;

http://jsfiddle.net/MMHVv/16/

的TestMenu也应放置在第一个div里面，这样的鼠标悬停也是有效的，当你将鼠标悬停在TestMenu。

Answer 2

我看到了你的代码..

我不知道获取隐藏在Firefox中mousemove事件出了什么问题

如果你有mouseover它工作正常更换mousemove ..

onmouseover="return ShowMenu($(this));" 

Answer 3

试试这只是你的结构，而是一个编辑[removed the id for the menuitems]：

$(function() { 
    $('.menu').on({ 
    mouseover: function() { 
     $('.menuItem').slideUp(); 
     $(this).next().slideDown(); 
    } 
    }); 
    $('.menuItem').on({ 
    mouseleave: function() { 
     $(this).slideUp(); 
    } 
    }); 
}); 

退房的fiddle