jquery库之间的兼容性问题[重复]

Posted 2021-03-27

这个问题在这里已有答案：

• Is it possible to use jQuery .on and hover? 11个答案

我在我的代码中使用了一些jquery：

$('li.dropdown-toggle').on('hover', function () {
    $(this).find(".submenu").slideToggle(400);
});

当我链接到1.7.2 jquery库（https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js）时它工作正常。

不幸的是，该网站需要3.1.0库（https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js）。

如何在不交换库的情况下修改代码以确保其正常工作？

just in case, here is the fiddle - 它在这个小提琴中运行正常，但是当我将库更改为3+时它停止工作

谢谢

答案

http://api.jquery.com/on/#additional-notes

在jQuery 1.8中不推荐使用，在1.9中删除：名称“hover”用作字符串“mouseenter mouseleave”的简写。它为这两个事件附加单个事件处理程序，并且处理程序必须检查event.type以确定事件是mouseenter还是mouseleave。

只需用.on('hover', function() { ... })替换.on('mouseenter mouseleave', function() {...})。