首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >新的jquery库与旧脚本不兼容

新的jquery库与旧脚本不兼容
EN

Stack Overflow用户
提问于 2019-04-20 21:43:37
回答 1查看 52关注 0票数 0

嗨,我有这段代码:

代码语言:javascript
复制
$('li.dropdown-toggle').on('hover', function () {
    $(this).find(".submenu").slideToggle(200);
});

我注意到它在jQuery 1.7.2库下工作得很好:

代码语言:javascript
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

但不低于3.1.0

代码语言:javascript
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

在上面的代码中有没有什么我可以修改的,以便在3.1.0下很好地工作?我并不是真的想更改库,只是为了防止其他脚本停止工作。

谢谢

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-04-21 04:49:51

hover event with on()方法从jQuery version 1.8开始就不再推荐使用,并从jQuery version 1.9开始完全删除。

因此现在您可以使用hover()方法来处理事件,也可以根据您的需要单独使用mouseenter或带有on()方法的mouseleave事件。

代码语言:javascript
复制
$('li.dropdown-toggle').hover(function () {
    $(this).find(".submenu").slideToggle(200);
});


// or with on 

$('li.dropdown-toggle').on('mouseenter mouseleave', function () {
    $(this).find(".submenu").slideToggle(200);
});
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55774112

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档