Ich habe ein Problem mit Raphael für SVG-Effekte in einem IE-Browser festgestellt. Wenn ich über ein Objekt mouseover, tritt die Animation wie erwartet auf. Bei Mouseout wird die Mouseout-Aktion jedoch nie aufgerufen, so dass die Objekte in ihrem mouseover-Zustand hängen bleiben.
Ich habe schon andere gesehen, die sich über dieses Problem beschwert haben, aber die einzige Lösung, die ich gesehen habe, war, das mouseover-Ereignis bei jedem Objekt zu erzwingen, um alles! = aktuelles Objekt in ihren normalen Zustand zurückzubringen. Ich würde lieber keinen generellen "Alles zurücksetzen" machen, weil ich ziemlich viele Objekte habe, also frage ich mich, ob jemand eine Alternative hat, die er vorschlagen kann. Ich habe darüber nachgedacht, das letzte Objekt mit dem zuletzt ausgelösten Mouseover in einer Variablen zu speichern und nur bei jedem Mouseover neu zu setzen, was funktionieren könnte ....
Ich hatte das gleiche Problem (map mit Regionen, die den Hintergrund beim Hover änderten) und der Deal-Braker in IE9 / Opera war für mich die toFront () Methode. Ich habe das entfernt und es funktioniert gut.
Seit Raphael 2.0.2 gab es in Raphael und Internet Explorer (alle Versionen) ein Problem, bei dem verschiedene Manipulationen eines Pfades wie das Zurücksetzen einer Transformation, %code% , oder %code% von %code% aufgerufen werden können, während man schwebt Verursachen Sie Hover-Ins, um endlos zu loopen und / oder Houses auszublenden, um verpasst zu werden.
Während %code% im IE meistens für Mouseout funktioniert, gibt es ein paar Dinge, die ich gefunden habe, dass es stolpern kann, a) ignoriert Mouseouts wie beschrieben und b) triggert das Mouseover-Ereignis rekursiv Wenn Sie eine console.log-Datei dort einfügen, bricht die Konsole des IE-Entwicklertools ab und wird grau ... was manchmal auch zu verhindern scheint, dass Mouseouts erkannt werden.
Hier sind die Dinge, die ich gefunden habe, die das verursachen:
Es gibt einige Beobachtungen und Demonstrationen in diesem jsfiddle (lesen Sie die verschiedenen Kommentare aus und entfernen Sie sie aus den Kommentaren.) ).
Eine gute Problemumgehung ist hier, eine Art Flag zu haben, wie zum Beispiel 'path.data (' hoverIn ', true); %code% bei mouse out, dann wrap alle %code% oder anstößige Transformationen in ein Häkchen %code% , so dass es nur einmal passieren kann, bis die Maus aus ist. Oder speichern Sie einen Verweis auf den zuletzt verschobenen Pfad irgendwo nach dem %code% oder was auch immer, dann nicht %code% oder was auch immer, wenn dieser Pfad auch der zuletzt gespeicherte Pfad ist.
Ich habe diese Einschränkung umgangen, indem ich den Code in eine anonyme Funktion gesetzt und ihn dann über den Ereignishandler %code% inside aufgerufen habe.
Wenn Sie ein Rect als Hintergrund unterhalb des Objekts hinzufügen (und es enthält), können Sie einen Mouseout-Effekt erzielen, indem Sie dem Hintergrundrect einen weiteren Hover-Ereignishandler hinzufügen.