jQuery Ereignisauslöser einmal in der Entwicklerkonsole geschrieben, warum?

Question

jQuery Ereignisauslöser einmal in der Entwicklerkonsole geschrieben, warum? Wie kann ich es jedes Mal auslösen, wenn die Seite nicht aktualisiert wird?

Zum Beispiel offene Webseite: http://www.express.co.uk/news

und Typ in Entwicklerkonsole dieses Stück Code:

$ = window.jQuery; 
var logo = $('#expressLogo img'); 
logo.css({"-webkit-transition":"-webkit-transform .8s ease-in-out","transition":"transform .8s ease-in-out;"}) 
logo.hover(function(e) { 
    logo.css({"-webkit-transform":"rotate(360deg)","transform":"rotate(360deg);"}) 
}); 

Wie Sie wieder Ereignis löst einmal auf das Logo schweben und dann nicht wiederholen die auf schweben sehen. Ich versuchte zu schreiben. ("Mouseenter mouseleave") Ereignis und einige andere ist das gleiche Ergebnis wie erwartet.

Answer 1

Es funktioniert, wenn Sie das Element bewegen. aber es hat kein mouseout- oder mouseleave-Ereignis, so dass es auf 0 Grad zurückkehrt oder 360 Grad mehr vom aktuellen Grad transformiert. so sieht es einmal aus.
Sie müssen einen dynamischen Grad wie currentDegree + 360 geben oder mouseout Ereignis setzen, das die Transformation 0deg setzt.

Answer 2

Wie ich dein Problem sehe, brauchst du jQuery nicht. Du kannst es auch mit reinem CSS machen. Bitte prüfe.

.logo{ 
 
    -webkit-transition:-webkit-transform .8s ease-in-out; 
 
    transition:transform .8s ease-in-out; 
 
    } 
 
    .logo:hover{ 
 
    -webkit-transform:rotate(360deg); 
 
    transform:rotate(360deg); 
 
    }

<img class="logo" src="http://www.dummymag.com/media/img/dummy-logo.png" />

Ich hoffe, dies wird Ihnen helfen, mich, wenn es nicht funktioniert wissen lassen.