文章/答案/技术大牛

发布

问jQuery函数显示2次
EN

Stack Overflow用户

提问于 2016-08-14 12:40:28

回答 1查看 35关注 0票数 1

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

$(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);
    });
});

javascript

jquery

回答 1

Stack Overflow用户

回答已采纳

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

jQuery hover绑定了两个事件，mouseenter和mouseleave，因此它将触发两次。

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

$("div").mouseenter(function() {
     $(this).css("background-color", "blue");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>

<div>
  Enter your mouse here
</div>

票数 1

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

原文链接：

https://stackoverflow.com/questions/38942357

复制

jQuery1.jQuery简介及使用2.jQuery语法3.jQuery选择器4,jQuery 事件函数及效果显示

jquery java html ajax

jQuery 是一个 JavaScript 库。 jQuery 极大地简化了 JavaScript 编程。(write less,do more.)

Python攻城狮

2018/08/23

2.3K0

jQuery1.jQuery简介及使用2.jQuery语法3.jQuery选择器4,jQuery 事件函数及效果显示

jquery easyui菜单树显示

http css https java 网络安全

目前做了一个easyui项目需要显示多级菜单，菜单配置到数据库中，因此每级菜单都需要到数据库中取，用了jQuery EasyUI方便多了。

全栈程序员站长

2022/07/15

3.4K0

jQuery遍历函数

jquery java https 网络安全

.closest()：从元素本身開始，逐级向上级元素匹配。并返回最先匹配的祖先元素。

全栈程序员站长

2022/07/07

1.1K0

jQuery Verbose Calendar：显示整年的 jQuery 日历插件

jquery calendar 插件函数事件

jQuery Verbose Calendar 是一个可以把整年的日历显示在一个页面上的 jQuery 插件，加载之后，它会自动滚到今天的日期处，当你鼠标移动到日期上，可以显示今天星期几。并且这个日历插件支持 Callback 函数，当你点击某个日期的时候，你可以执行一些自定义行为，或者插入任意的 HTML 元素。

Denis

2023/04/15

2K0

jquery定时执行函数_jquery自动提交

https java 网络安全

全栈程序员站长

2022/10/01

2.3K0

SpringMVC+jquery.pagination分页显示

jsp jquery es pagination 分页

最近在做ES全文搜索，需要做个类似于百度搜索下面分页的组件。找了很多，最后发现jquery.pagination实现分页很方便。

程裕强

2022/05/06

1.4K0

【jQuery动画】显示与隐藏效果

jquery css html 腾讯云开发者社区

在网页开发中，适当地使用动画可以使页面更加美观，进而增强用户体验。jQuery中内置了一系列方法用于实现动画，当这些方法不能满足实际要求时，用户也可以自定义动画。本期我们一起来了解一下显示与隐藏效果吧~

颜颜yan_

2022/12/01

6.7K0

JQuery 隐藏和显示html元素

bash bash 指令

$(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地址显示隐藏和切换

jquery

上述示例中，我们创建了一个包含地址信息和切换按钮的容器。地址信息使用<p>元素进行展示，切换按钮使用<button>元素，并为其添加一个自定义的类名toggle-btn。

堕落飞鸟

2023/05/18

3.3K0

jQuery学习---入口函数

jquery javascript

· window.onload函数必须等待网页全部加载完毕(包括图片等),然后再执行里面的代码。

syy

2020/05/14

1.5K0

jQuery的animate函数

jquery

jQuery提供了一个animate函数，可以通过改变CSS属性来实现一些动画效果。

大江小浪

2018/07/25

1.7K0

jQuery函数的使用

jquery

上述代码将从Google的CDN中加载jQuery库。确保将其放在<head>标签或页面内容的顶部。

堕落飞鸟

2023/05/18

1.5K0

jQuery原理（入口函数）

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的源码，从关于初始化jquery这个函数开始。版本：3.4.1

小明爱学习

2020/07/08

1.4K0

jquery 鼠标移入，显示预览大图

css

} </style> <script type="text/javascript"> //<![CDATA[

用户5760343

2019/10/10

3.6K0

jQuery格式化显示json数据

json http https github 网络安全

在gitlab上面，有一个jQuery JSONView插件，地址为：https://github.com/yesmeck/jquery-jsonview

py3study

2020/03/05

7.1K0

jquery学习-- Day 1(引用jquery和入口函数)

javascript npm https cdn 网络安全

jsdeliver -query引用地址：https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js

meowrain

2021/04/22

9030

使用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

需要引入jQuery文件入口函数的标准在<head> </head>标签中，jQuery入口函数必须要写，在<body> </body>可以不写，写上入口函数后不论放在哪个标签下都能去执行。一般建议在body标签中写入口函数，就是为了等页面加载完成后才执行入口函数。案例： js的入口函数执行要比jQuery的入口函数执行得晚一些。 jquery的入口函数会等待页面的加载完成才执行，但是不会等待图片的加载。 js的入口函数会等待页面加载完成，并且等待图片加载完成才开始执行 <!DOCTYPE

兮动人

2021/06/11

1.2K0

相似问题

显示JQuery函数

jquery显示/隐藏函数

jquery ajax显示函数

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

Jquery显示和隐藏函数

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问jQuery函数显示2次
EN

回答 1

Stack Overflow用户

显示JQuery函数

jquery显示/隐藏函数

jquery ajax显示函数

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

Jquery显示和隐藏函数

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery函数显示2次EN

回答 1

Stack Overflow用户

显示JQuery函数

jquery显示/隐藏函数

jquery ajax显示函数

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

Jquery显示和隐藏函数

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery函数显示2次
EN