JQuery Mouseleave стрельбы преждевременно в т. е. (8 и 9)

Question

JQuery Mouseleave стрельбы преждевременно в т. е. (8 и 9)

0

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 немного беспорядочен, поскольку я пытаюсь найти множество решений для решения проблемы.

Любые идеи оценили.

phantomdentist 25 сен. 2013, в 21:51

Источник

Теги:

javascript

jquery

mouseleave

internet-explorer-9

internet-explorer-8

2 ответа

Ещё вопросы

Hanangger Hutama · Answer 1 · 2013-09-25T18-19-00.000Z

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

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

Hugo Tostes · Answer 2 · 2013-09-25T18-02-00.000Z

Используйте событие mouseout!

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