jQuery的鼠標離開的，即（8和9）過早點火

Question

http://standard8.tomangodns.com/

在你上面的鏈接會發現在網站的右上角一個小菜單圖標。這將在盤旋時打開菜單。當鼠標離開菜單容器時，有一個鼠標移動事件可以關閉菜單。除了在ie8/9中，只要從菜單按鈕移動光標，就會觸發mouseleave事件。

//navigation slide out button 
    $('body').on('mouseenter','.nav-container .nav-button',function(){ 
     $('.nav-container nav').show(); 
     $('.nav-container nav').animate({ width: '325px' }, 'fast'); 
    }); 

    $('.nav-container').mouseleave(function(){ 
     $('.nav-container nav').animate({ width: '0px' }, 'fast', function(){$('.nav-container nav').hide();}); 
    }); 

jquery有點混亂，因爲我嘗試了很多解決方案來解決這個問題。

任何想法讚賞。

Answer 1

使用mouseout事件！

$('.nav-container').mouseout(function(){ 
     $('.nav-container nav').animate({ width: '0px' }, 'fast', function(){ 
      $('.nav-container nav').hide();}); 
    }); 

Answer 2

$('.nav-container .nav-button').hover(function(){ 
    $('.nav-container nav').animate({width: '350px'}, 300); 

},function(){ 
    $('.nav-container nav').animate({width: '0'}, 300); 
});