首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >jQuery函数显示2次

jQuery函数显示2次
EN

Stack Overflow用户
提问于 2016-08-14 12:40:28
回答 1查看 35关注 0票数 1

我有以下jQuery函数,但我不知道为什么在我放弃悬停后它会再次显示。概念是,如果类存在,在加载新菜单(从1.php)之后删除它们,等待1000并添加新类。它工作得很好,但是在我把鼠标移到其他地方之后,这个概念又运行了一遍。为什么?

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$(document).ready(function () {
    $("#cikkek").hover(function () {
        $("div.navbar2").removeClass("visible");
        $("div.logo-rotate").removeClass("logo-rotate2");
        $("a.font-visibility").removeClass("font-visible");
        $("div.block1").load("1.php");
        setTimeout(function () {
            $("div.navbar2").addClass("visible");
            $("div.logo-rotate").addClass("logo-rotate2");
            $("a.font-visibility").addClass("font-visible");
        }, 1000);
    });
});
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-08-14 12:43:59

jQuery hover绑定了两个事件,mouseentermouseleave,因此它将触发两次。

您可以使用空的mouseleave函数,也可以不使用hover,而是将其更改为mouseenter

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$("div").mouseenter(function() {
     $(this).css("background-color", "blue");
});
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>

<div>
  Enter your mouse here
</div>

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/38942357

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文