我在某些元素中有一些鼠标事件,如下所示。

$("div").on("mouseenter mouseleave", function(){
    $(this).toggleClass("bigDiv", 1000);
});

问题是:如果触发了两个或更多鼠标事件,它们将不等待先前的完成事件触发,而是立即触发。 他们如何等待时间?

提前致谢。

#1楼 票数:2 已采纳

试试看:

jQuery(function($) {
    $("div").on("mouseenter", function(){
        if(!$('div').is(':animated'))
            $(this).addClass("bigDiv", 1000);
    });

    $("div").on("mouseleave", function(){
        $(this).removeClass("bigDiv", 1000);
    });
});

这就是你想要的吗?

JSFiddle

  ask by translate from so

未解决问题?本站智能推荐:

2回复

javascript动画未按正确顺序发生(某些计算机)

好吧,首先,对不起,我是js的新手,并且在我学习的同时学习它。 基本上,我在这里有一个网站: http : //ericbrockmanwebsites.com/ 动画应该像这样:页面加载,ellement(.detroit)从左侧滑动,然后element(.windsor)从右侧滑动,然
2回复

仅当事件以特定顺序发生时,才如何触发jquery事件处理程序?

我有以下情况。 我在MarionetteJS中使用Bootstrap标签。 每当触发选项卡单击事件时,我只想在为此选项卡触发show.bs.tab事件后才调用处理程序。 如果只触发了show.bs.tab事件,我不想触发我的处理程序,因为有时我通过调用tab('show')方法以编程方式显
1回复

为什么这些呼叫按它们发生的顺序发生?

我试图创建一个函数来查询MongoDB数据库中的数据,并以数组的形式返回所有对象。 这是我的代码: var MongoClient = require('mongodb').MongoClient;var assert = require('assert')var ObjectId = req
2回复

“模糊”和“焦点”事件是否保证按此顺序发生?

假设您按Tab键将焦点从元素A移动到B.这应触发以下内容: 在元素A上模糊 专注于元素B. 假设他们将按此顺序开火是否安全?
1回复

jQuery回调以不寻常的顺序发生(主要在Chromium/chrome中)

这同样是“这实际上应该如何运作?” 查询,因为它“为什么地狱不起作用?” 查询。 我正在使用jQuery animate()在我的页面上增长和缩小div。 我有一个函数,通过检查元素是否具有“更大”类,并有条件地增长或缩小它,在两个状态之间切换。 像这样: 这绝对是极好的,有一个
4回复

异步编程新手。如何使事情在不同的对象上以适当的顺序发生?

我正在尝试重构我的程序。 我通过使AJAX调用同步来使其工作,但是现在我想以正确的方式来实现。 发生了什么事是, headline被实例化从一个新的标题headlines包含标题的列表。 headlines.getRandom()从现有列表中选择一个随机标题,但是,如果列表为空,则会进行A
1回复

在javascript中上传多个图像时,filereader结果顺序发生变化

我正在尝试使用JavaScript上传多个图像并将其放置在单独的img标签中。 MyJsp.jsp: MyJS.js: 如果我上传Img1.jpg,Img2.jpg,Img3.jpg,Img4.jpg,Img5.jpg,则表示OP为: 我的期望OP是: 我在哪里做错了要像上传
1回复

没有鼠标事件的图像动画

如果这是一个奇怪的问题,很抱歉。 但是我正在搜索,无法找到想要的答案。 到目前为止,我有一个网站: 测试网站 哪个正在使用OnePageScroll Jquery插件GitHub页面 但是,如果您访问我的网站,则会看到图像上有一些事件是由mousevents触发的,例如:mo