jquery - 鼠标悬停无法正常工作

Question

我正在创建一个简单的菜单，它会在单击菜单时显示菜单项 并且会在鼠标离开菜单项时隐藏。

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

在 firefox 中这不起作用， menuItem 在鼠标悬停时隐藏

在 chrome 中它工作正常

Answer 1

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

您应该改用 mouseover 和 mouseout 函数: http://api.jquery.com/mouseover/

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

});

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

TestMenu 也应该放在第一个 div 内，所以鼠标悬停在 TestMenu 上时也有效。