鼠標滑過不能正常工作

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