Wymiana MouseOver z .hoverIntentem

Question

Po pierwsze przepraszam ... Zadałem to pytanie wcześniej, ale zrobiłem to źle. Mam problem z podłączeniem hoverIntent do następującego kodu JavaScript ... Potrzebuję go, aby zastąpić funkcje mouseenter i mouseleave poniżej. Dla jasności, proszę o pomoc, ponieważ nie jestem zbyt dobry w składni JavaScript. Drugi fragment kodu wygląda na to, że powinien działać, ale nie robi nic i wydaje się kompletnie martwy w Internet Explorerze.

if (jQuery.browser.msie === true) { 
    jQuery('#top_mailing') 
    .bind("mouseenter",function(){ 
     $("#top_mailing_hidden").stop().slideDown('slow'); 
    }) 
    .bind("mouseleave",function(){ 
     $("#top_mailing_hidden").stop().slideUp('slow'); 
    }); 
} 

Używam poniższych dla innych przeglądarek, ale nie działa w Internet Explorer.

$('#top_mailing').hoverIntent(
    function() { 
    $("#top_mailing_hidden").stop().slideDown('slow'); 
    }, 
    function() { 
    $("#top_mailing_hidden").stop().slideUp('slow'); 
    } 
); 

Answer 1

Myślę, że znalazłem problem.

Dwa razy dzwonisz pod numer $('#top_mailing').hoverIntent(.... Raz na dole pliku hoverintent_r5.js i raz w pliku custom.js. Najwyraźniej IE tego nie lubi. Pozbądź się jednego lub drugiego i powinno być dobrze.

Prawdopodobnie lepiej zachować cały kod w swoim własnym pliku js. W przeciwnym razie łatwo o tym zapomnieć.

EDYTOWANIE: Unikanie problemu stop().

Wolę ożywione:

$('#top_mailing').hoverIntent(
    function() { 
    $("#top_mailing_hidden").stop().animate({height:150},'slow'); 
    }, 
    function() { 
    $("#top_mailing_hidden").stop().animate({height:0},'slow'); 
    } 
); 

W ten sposób, gdy trzeba zatrzymać się i zmienić kierunek, to zawsze wiem, gdzie iść. (0 i 150 w powyższym przykładzie).

Należy pamiętać, że wymagałoby to ustawienia top_mailing_hidden, aby mieć zestaw clip:auto; overflow:hidden.

Ponieważ używasz hoverIntent, nie może być potrzeby wywoływania stop(), ponieważ hoverIntent ma na celu uniknięcie niepożądanych zdarzeń mouseover.

Lekko off topic:

zachować jedno na uwadze ze swojej realizacji. Ponieważ jest to forma do wypełnienia, użytkownicy najprawdopodobniej (bez myślenia) odsuwają mysz od drogi, gdy zaczynają pisać. To spowoduje zniknięcie formularza.

Mając to na uwadze, warto ponownie rozważyć możliwość wystąpienia zdarzenia mouseout. Zawsze możesz przesłać kopię zapasową, gdy użytkownik prześle formularz, z opcjonalnym przyciskiem "Anuluj" lub "Zamknij".