Stoppen meiner QuickInfos von flackern

Question

Haben Sie ein Problem, mein Javascript ordnungsgemäß funktioniert. Für einen einzelnen Tooltip funktioniert es großartig. Aber wenn ich mehrere Tipps rolle, bekomme ich einen flackernden Effekt. Es scheint der MouseOver, Out-Events werden "in die Warteschlange gestellt" oder so etwas.

Ich habe eine Geige geschaffen, wo man sehen kann, was über
http://jsfiddle.net/eco_bach/dpFBQ/2/

geschätzt Jede andere Optimierungsvorschläge ich spreche!

Answer 1

Sie müssen nur .stop(true, true) vor den fadeIn() oder fadeOut() Methoden hinzufügen, um jede aktuelle Animation zu beenden. Dies wird aufhören zu flackern wie gesehen here

Answer 2

Ihr Code erstellt und animiert die QuickInfo jedes Mal, wenn Sie mit der Maus über ein Element fahren, damit das Flackern erwartet wird. Ich vermute, du möchtest es einmal öffnen und dann nur seinen Standort und Inhalt aktualisieren, wenn du andere überlegst.

In diesem Fall müssen Sie nachverfolgen, ob der Tooltip bereits geöffnet ist oder nicht, wenn er seinen Inhalt und seinen Standort aktualisiert, aber nicht animiert. Wenn nicht, mach die Animation.