Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >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

复制
相关文章
jQuery1.jQuery简介及使用2.jQuery语法3.jQuery选择器4,jQuery 事件函数及效果显示
jQuery 是一个 JavaScript 库。 jQuery 极大地简化了 JavaScript 编程。(write less,do more.)
Python攻城狮
2018/08/23
2.3K0
jQuery1.jQuery简介及使用2.jQuery语法3.jQuery选择器4,jQuery 事件函数及效果显示
jquery easyui菜单树显示
目前做了一个easyui项目需要显示多级菜单,菜单配置到数据库中,因此每级菜单都需要到数据库中取,用了jQuery EasyUI方便多了。
全栈程序员站长
2022/07/15
3.4K0
jQuery遍历函数
.closest():从元素本身開始,逐级向上级元素匹配。并返回最先匹配的祖先元素。
全栈程序员站长
2022/07/07
1.1K0
jQuery Verbose Calendar:显示整年的 jQuery 日历插件
jQuery Verbose Calendar 是一个可以把整年的日历显示在一个页面上的 jQuery 插件,加载之后,它会自动滚到今天的日期处,当你鼠标移动到日期上,可以显示今天星期几。并且这个日历插件支持 Callback 函数,当你点击某个日期的时候,你可以执行一些自定义行为,或者插入任意的 HTML 元素。
Denis
2023/04/15
2K0
jquery定时执行函数_jquery自动提交
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
全栈程序员站长
2022/10/01
2.3K0
SpringMVC+jquery.pagination分页显示
最近在做ES全文搜索,需要做个类似于百度搜索下面分页的组件。 找了很多,最后发现jquery.pagination实现分页很方便。
程裕强
2022/05/06
1.4K0
SpringMVC+jquery.pagination分页显示
【jQuery动画】显示与隐藏效果
在网页开发中,适当地使用动画可以使页面更加美观,进而增强用户体验。jQuery中内置了一系列方法用于实现动画,当这些方法不能满足实际要求时,用户也可以自定义动画。本期我们一起来了解一下显示与隐藏效果吧~
颜颜yan_
2022/12/01
6.7K0
【jQuery动画】显示与隐藏效果
JQuery 隐藏和显示html元素
$(function(){ $("#bubmitBtn").click(function(){ //首先需要把提示标签全部隐藏掉 $("#nameInvalid").hide(); $("#emailInvalid").hide(); $("#pwdInvalid1").hide(); $("#pwdInvalid2").hide(); //检查用户名: 长度为6到12位, 只能输入数字和英文和下划线 //alert("--"); var $nameEle = $("#UcenterMember_account"); var reg = /^\w{6,12}$/; if(!reg.test($nameEle.val())) { $("#nameInvalid").text(" *用户名长度为6到12位, 只能输入数字和英文和下划线"); $("#nameInvalid").show(); //alert("用户名长度为6到12位, 只能输入数字和英文和下划线"); $nameEle[0].focus(); return false; } //邮箱格式必须正确, 可以不输入 var $emailEle = $("#UcenterMember_email"); reg = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; if($emailEle.val()!="" && !reg.test($emailEle.val())) { $emailEle[0].focus(); $("#emailInvalid").text(" *邮箱格式不正确!"); $("#emailInvalid").show(); //alert("邮箱格式不正确!"); return false; } //检查密码: 长度为6位, 只能输入数字和英文 var $passwordEle = $("#UcenterMember_password1"); reg = /^[a-zA-Z0-9]{6,15}$/; if(!reg.test($passwordEle.val())) { $("#pwdInvalid1").text(" *密码的最低长度为6位, 只能输入数字和英文"); $("#pwdInvalid1").show(); //alert("密码的长度为6位, 只能输入数字和英文"); $passwordEle[0].focus(); return false; } //确认密码必须与密码相同 var $password2Ele= $("#UcenterMember_password2"); if($password2Ele.val()!=$passwordEle.val()) { $password2Ele[0].focus(); $("#pwdInvalid2").text(" *确认密码必须与密码相同"); $("#pwdInvalid2").show(); //alert("确认密码必须与密码相同"); } return true; }); });
wust小吴
2019/07/05
9.3K0
jQuery地址显示隐藏和切换
上述示例中,我们创建了一个包含地址信息和切换按钮的容器。地址信息使用<p>元素进行展示,切换按钮使用<button>元素,并为其添加一个自定义的类名toggle-btn。
堕落飞鸟
2023/05/18
3.3K0
jQuery学习---入口函数
· window.onload函数必须等待网页全部加载完毕(包括 图片等),然后再执行里面的代码。
syy
2020/05/14
1.5K0
jQuery的animate函数
jQuery提供了一个animate函数,可以通过改变CSS属性来实现一些动画效果。
大江小浪
2018/07/25
1.7K0
jQuery函数的使用
上述代码将从Google的CDN中加载jQuery库。确保将其放在<head>标签或页面内容的顶部。
堕落飞鸟
2023/05/18
1.5K0
jQuery原理(入口函数)
var likeArr = { 0: "lnj", 1: "33", 2: "male", length: 3 };
Dreamy.TZK
2020/06/23
5.2K0
jQuery原理(入口函数)
Jquery源码分析:初始化Jquery函数
今天我们来分析一下jquery的源码,从关于初始化jquery这个函数开始。版本:3.4.1
小明爱学习
2020/01/21
1.1K0
Jquery源码分析:初始化Jquery函数
今天我们来分析一下jquery的源码,从关于初始化jquery这个函数开始。版本:3.4.1
小明爱学习
2020/07/08
1.4K0
jquery 鼠标移入,显示预览大图
} </style> <script type="text/javascript"> //<![CDATA[
用户5760343
2019/10/10
3.6K0
jquery 鼠标移入,显示预览大图
jQuery格式化显示json数据
在gitlab上面,有一个jQuery JSONView插件,地址为:https://github.com/yesmeck/jquery-jsonview
py3study
2020/03/05
7.1K0
jQuery格式化显示json数据
jquery学习-- Day 1(引用jquery和入口函数)
jsdeliver -query引用地址:https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js
meowrain
2021/04/22
9030
jquery学习-- Day 1(引用jquery和入口函数)
使用jQuery封装实用函数
一、引言 项目开发中,前端会有一个辅助工具类的js文件,比如cookie的操作,团队成员自己封装的方法。大多数时候,我们开发人员自己都是写一个全局函数,不考虑后期维护人员也会写相同的代码,然后造成代码之间的冲突。之前维护的一段代码如下: var g=function(id){ return document.getElementById(id); }; var $$=function(id){ return document.getElementById(id); }; g("testdi
八哥
2018/01/18
1.3K0
jQuery入口函数的写法
需要引入jQuery文件 入口函数的标准 在<head> </head>标签中,jQuery入口函数必须要写,在<body> </body>可以不写,写上入口函数后不论放在哪个标签下都能去执行。一般建议在body标签中写入口函数,就是为了等页面加载完成后才执行入口函数。 案例: js的入口函数执行要比jQuery的入口函数执行得晚一些。 jquery的入口函数会等待页面的加载完成才执行,但是不会等待图片的加载。 js的入口函数会等待页面加载完成,并且等待图片加载完成才开始执行 <!DOCTYPE
兮动人
2021/06/11
1.2K0

相似问题

显示JQuery函数

56

jquery显示/隐藏函数

20

jquery ajax显示函数

20

jQuery显示()函数内联显示。多么?

30

Jquery显示和隐藏函数

35
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

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