jQuery函数.on适用于1.8.3但不适用于1.9.1

Question

我有一个与jQuery 1.8.3一起使用的功能但是当我升级到1.9.1时它不再工作了，但是文档没有变化。 有人知道如何解决这个问题吗？

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

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

感谢你的支持！

Answer 1

在1.9.1中，您应该使用mouseover

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

Answer 2

hover速记的状态

从jQuery 1.8开始， hover速记已被弃用 。 请参阅jQuery on()文档 ：

自jQuery 1.8开始不推荐使用：名称“hover”用作字符串“mouseenter mouseleave”的简写

从jQuery 1.9开始， hover速记不受支持 。 请参阅jQuery 1.9升级指南

替代

在您的情况下，这意味着您应该使用mouseenter事件。 例如：

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

请参阅jsFiddle演示

更好地利用on()

值得注意的是，除非传递给on()的选择器引用动态添加到DOM的元素（即在页面加载之后），否则不需要将处理程序委托给document 。 相反，在这种情况下，您可以将处理函数直接绑定到元素，如下所示：

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

Answer 3

问题不在于“on”函数，而是在1.9.1中已弃用（和删除）的“hover”伪事件： http ： //jquery.com/upgrade-guide/1.9/#hover-伪事件