.hover (...) und on. ("hover" ...) verhalten sich unterschiedlich

Mit JQuery versuche ich, einige Funktionen zu verketten, wenn ein Element einen Schwebezustand hat.

Normalerweise würde ich das benutzen.hover Event-Funktion, aber nach dem Lesen einiger Tutorials las ich das mit.on ist besser, da Sie einen Ereignishandler verwenden können, um alle sprudelnden Ereignisse in einem Dokument zu überwachen.

Ich habe jedoch Probleme, wenn ich zwei Funktionen wie folgt verkette:

$("element").on( "hover", function() {         
    console.log("one");     
}, function() {         
    console.log("two");     
});

Ich habe das Ergebnis erwarteteins zwei (was bei der Verwendung der Fall war.hover) aber stattdessen verstehe ichzwei zwei.

Kann jemand erklären, was ich falsch mache oder ob dies erwartetes Verhalten ist und warum?

Wiedergabe mit.hover(...): http://jsfiddle.net/gXSdG/

Wiedergabe mit.on(hover...): http://jsfiddle.net/gXSdG/1/

Antworten auf die Frage(2)

Ihre Antwort auf die Frage