Funkcja jQuery .on działa w wersji 1.8.3, ale nie w wersji 1.9.1

Question

Mam funkcję, która działa z jQuery 1.8.3, ale gdy uaktualniam ją do wersji 1.9.1, to już nie działa, ale nie ma zmian w dokumentacji. Czy ktoś wie, jak to naprawić?

$(document).on("hover", "#cart-left", function(){ 
    $("#cart").addClass('active'); 
}); 

http://jsfiddle.net/michalcerny/R9HZp/

Dzięki za wsparcie!

Answer 1

W 1.9.1 należy użyć mouseover

$(document).on("mouseover", "#cart-left", function(){ 
    $("#cart").addClass('active'); 
}); 

Answer 2

status hover skróconej

Jak jQuery 1.8 hover skrótowym został przestarzałe. Zobacz jQuery on() documentation:

Przestarzałe jak jQuery 1.8: Nazwa "hover" używane jako skrót do strun "mouseenter mouseLeave"

Jak jQuery 1.9, hover skrótem jest nieobsługiwane . Zobacz jQuery 1.9 Upgrade Guide

alternatywna

w Twoim przypadku, to znaczy, należy użyć zdarzenia mouseenter. Na przykład:

$(document).on("mouseenter", "#cart-left", function(){ 
    $("#cart").addClass('active'); 
}); 

Zobacz jsFiddle demo

Lepsze wykorzystanie on()

Warto również zauważyć, że o ile selektor przekazany do on() odnosi się do elementów, które zostały dodane do DOM dynamicznie (tj. po wczytaniu strony), nie ma potrzeby, aby delegować handler do document. Zamiast tego, w tym przypadku można chyba wiążą funkcja obsługi bezpośrednio na elemencie tak:

$("#cart-left").on("mouseenter", function(){ 
    $("#cart").addClass('active'); 
}); 

Answer 3

Problemem nie jest na „on” funkcji, ale raczej „hover” pseudo-wydarzenie, które ma został przestarzały (i usunięty) w wersji 1.9.1: http://jquery.com/upgrade-guide/1.9/#hover-pseudo-event