JQuery Hover-Effekt Problem

Question

Ich habe eine einfache JQuery-Skript erstellt Wirkung auf einige Links mit schweben. Das Skript funktioniert gut, wie Sie hier sehen können: Testprobe ... (Bitte testen Sie es auf jeder anderer Browser als IE)

Aber wenn ich schweben schnell auf die Links, werden Sie die Bild Symbole verschwinden nicht bemerken, wie erforderlich. Ich habe alles versucht, dieses Problem zu beheben, aber ich kann nicht eine passende Lösung finden.

Die Frage ist nun: Wie ich sicher, dass der Effekt mouseOut schweben kann nach dem mouseover Hover-Effekt angewandt wird, vollständig durchgeführt

Answer 1

Sie müssen die stop() auf die Elemente anwenden, die animiert wurden. Versuchen Sie folgendes:

function hide_frame() {
   var hoveredLang = $(this).parent();              
   hoveredLang
      .find('.language-name').stop(true, true)
      .find('.download-img').stop(true, true)
      .find('.info-img').stop(true, true);
   //eccetera...

Answer 2

Becuase Ihr Animationseffekt eine Dauer bis zur Fertigstellung hat, müssen Sie Fälle behandeln, in denen Hover / unhover während der Animation passieren.

Ich benutze jQuery stop Funktion ( http://docs.jquery.com/Effects/stop)

Eg.

$ ( "Selektor") stoppen (true, true) .youreffect (.....);.

Versuchen Sie es einmal.