ng-mouseover-und ng-mouseleave-Ereignisse, die nicht am chrome

Habe ich Folgendes in meinem angular app

Habe ich ein Bild mit der folgenden ng-mouseover-und ng-mouseleave-Ereignisse gebunden, um dem image-tag

<img ng-mouseover="infoIconStyle={'height':'50px','padding':'10px'}"  ng-mouseleave="infoIconStyle={'height':'0','padding':'0'}" src="images/info-icon.svg" />

Diese Maus über Ereignisse werden dann an die folgende div -

<div class="dataBoxInfoContent" ng-style="infoIconStyle">{{description}}</div>

Daher, wenn ng-mouseover ausgelöst wird, wird der dataBoxInfoContent div öffnet aufgrund der Höhe von 0 bis 50 Pixel und bei der ng-mouseleave ausgelöst wird, wird der div wieder schließt.

Aber für einige Grund, ng-mouseleave ist nicht auslöste, wenn die Maus verlässt das Bild und das nur in Google Chrome. Alles funktioniert gut in internet explorer und mozilla firefox.

Jemand wissen, warum dies der Fall ist?

  • Diese Arten von Fragen sind schwer zu isolieren. Können Sie 100% sicher, dass die Maus lassen Sie nicht gefeuert? Sind Sie stützend, dass nur aus der Tatsache, dass der Stil ändert sich nicht? Haben Sie als Einstellung infoIconStyle einem vorgegebenen Satz von Klassen anstatt inline-style? Chrome reagieren kann das besser. Bauen Sie ein paar Klassen, erfüllen diese Stile und dann auf der Maus auf und lassen Sie etwas tun, wie infoIconStyle = "classname".
  • Ziemlich sicher, dass das CSS-Problem, nicht Eckig. Wenn Sie können eine demo.. sonst ist es nicht möglich, zu erraten, weil ngMouseleave natürlich funktioniert gut in Chrome.
  • Ich habe versucht, zu übergeben Klassennamen und nicht inline-css-und immer noch das gleiche Problem, aber nur in Chrome. Alles funktioniert Prima in firefox und IE
  • jsfiddle.net/bpd27p1v/2 - hmm scheint wrok in Chrom - überprüfen Sie Ihren code für die Tippfehler.
  • Dieses arbeitete auch für mich früher, aber ich denke, ich muss etwas verändert in meinem css zu brechen, diese Funktionalität in Chrome.
  • Jungs das ist ziemlich komisch, aber ich habe meinen PC neugestartet und nun funktioniert in Chrome...
  • In meinem Fall brauchte es nur restartarting Chrome. Es hatte nichts zu tun mit irgendwelchen Erweiterungen.

InformationsquelleAutor ocajian | 2014-12-29
  1. 20

    Ich hatte ein ähnliches problem mit Chrome und schließlich verfolgt die Frage bis zu einem bestimmten Chrome-Erweiterung (für mich war es der AngularJS Batarang Erweiterung).

    Wenn Sie irgendwelche javascript-profiling-Erweiterungen, die Langsamkeit, die diese zu Ihrer Seite hinzufügen können, manchmal verursachen ein ungewöhnliches Verhalten in Veranstaltungen (insbesondere die Maus-Bewegungs-events).

    In der "Profile" - tab des Chrome-debugger, verwenden Sie die "Sammeln, JavaScript CPU Profile", um herauszufinden, welche Skripte, wenn überhaupt, sind Schweine, und dann, wenn Sie den Mauszeiger über das Skript auf der rechten Seite, es wird Ihnen sagen, welche chrome-Erweiterung die hog ist ein Teil.

    • Vielen Dank für diese. Haben Sie einen Blick auf meine JavaScript CPU Profile, wenn das wieder passiert. Es ist einmal passiert oder zweimal mehr, der wird aussortiert, wenn ich meinen PC neu starten...
    • Danke. Dritten mal AngularJS Batarang hat mich geschraubt.
    • FWIW, Batarang braucht etwas Liebe.
    • Dies löste meine Geheimnisse! (u know, die Art, die ich schwöre, dass ich nichts verändert habe, warum das nicht mehr funktioniert?) Ich habe gerade deaktiviert "aktivieren der check-box" im Batarang und alles funktioniert wie vorher 🙂
    • Wie jetzt, ich denke die goldene Regel ist, dass etwas ist, ist das Versäumnis ohne Grund, überprüfen Sie, dass Batarang deaktiviert ist, dann testen Sie Ihre Winkel-app wieder
    InformationsquelleAutor Troy
Schreibe einen Kommentar