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

问题描述 投票:-1回答:1

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

我在我的代码中使用了一些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+时它停止工作

谢谢

jquery
1个回答
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() {...})

© www.soinside.com 2019 - 2024. All rights reserved.