制作动画时,如何仅在所有元素完成时才触发回调?

2023-12-29

在 jQuery 中制作动画时,仅当所有元素完成动画而不是每个元素时才触发回调的最佳实践是什么?

例如:

$('.someElements').fadeOut('fast', function() {
  // dont do this until ALL elements are done fading
}

这可能是一个值得尝试的片段:

var numberOfElements = $('.someElements').length;

$('.someElements').fadeOut(fast, function() {
  if( numberOfElements-- > 0 ) return;
  alert('call the Fireman!'); 
});

警报只是您需要触发的结束回调的占位符。

编辑(另一种方式):

您还可以捕获所有元素,但不能捕获last one.

$('.someElements').not(.someElements:last).fadeOut();

然后添加一个仅带有回调的 fadeOut 到 It

$('.someElements:last').fadeOut(fast, function (){ 
   // do something, it's the end of the world
};
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

制作动画时,如何仅在所有元素完成时才触发回调? 的相关文章

  • 如何使用 JQuery 动态排序

    如果我有一个下拉列表和一个列表框 有没有办法使用 JQuery 根据下拉列表对列表框进行排序 举个例子会很有帮助 这会改变下拉菜单中的顺序 您必须根据自己的标准设置顺序
  • 如何判断 jquery 对话框是否打开? [复制]

    这个问题在这里已经有答案了 寻找通用案例解决方案来确定当前是否打开任何 jquery 对话框 有多个 试过 ui dialog content dialog isOpen true ui dialog dialog isOpen true
  • jQuery 获取元素内的鼠标位置

    我希望制作一个控件 用户可以在 div 内单击 然后拖动鼠标 然后松开鼠标以指示他们想要的内容有多长 这是针对日历控件的 因此用户将指示特定事件的时间长度 看起来最好的方法是在父 div 上注册一个 mousedown 事件 而父 div
  • 如何获取给定 DOM 元素的所有定义的 CSS 选择器?

    如何使用 jQuery 获取给定 DOM 元素的所有定义的 CSS 选择器 定义后 我的意思是在应用于任何样式表的所有 CSS 选择器document 在某种程度上 这类似于 FireBug 实现的功能 其中显示所选 DOM 元素的所有应用
  • Spring Rest 和 Jsonp

    我正在尝试让我的 Spring Rest 控制器返回jsonp但我没有快乐 如果我想返回 json 但我有返回的要求 完全相同的代码可以正常工作jsonp我添加了一个转换器 我在网上找到了用于执行 jsonp 转换的源代码 我正在使用 Sp
  • Jquery 点击处理程序两次后不工作

    我面临一个有点奇怪的问题 我正在使用 bing 翻译器 http www bing com widget translator http www bing com widget translator 并尝试使用他们的 API 自行定制它 这
  • jQuery - 如何检查元素是否存在?

    我知道你可以测试width or height 但是如果元素的 display 属性设置为 none 该怎么办 还有什么其他值可以检查以确保该元素存在 您可以使用length http api jquery com length 查看您的选
  • 在窗口调整大小 jquery 上调整元素宽度

    我正在使用 jq 计算页面加载时的元素宽度并且工作正常 尝试自动调整窗口大小 但有点不起作用 期望的效果 框应在窗口大小调整时自动调整大小 而不是下拉 http jsfiddle net yMcXm 4 http jsfiddle net
  • jquery循环遍历表,为每一行和td连接值

    我有一张有几行的桌子 每行都有一个产品字段 一个等级字段和一个系列字段 然后每个可用尺寸都有几个复选框 表中的一行如下所示 table class authors list border 0 tr td style font size 10
  • 使用 JavaScript 将数据插入数据库时​​,在控制台中创建错误“超出最大调用堆栈大小”

    我进行了大量搜索来修复过去几天遇到的 JavaScript 错误 我看到很多问题都得到了解答堆栈溢出 但不幸的是 没有人符合我的错误 我想要的是发送一个简单的记录到database using JavaScript and PHP 但我得到
  • 在父视图之外对子视图进行动画处理

    我试图在其父视图之外对视图进行动画处理 当我这样做时 子视图无法在其父视图之外进行动画处理 我通过使用解决了这个问题setClipChildren false 它起作用了 当视图动画时up 当我为视图设置动画时down图像仍然隐藏 这是有效
  • 如何在 leaflet.js 中设置 layer.control 的样式?

    我正在尝试更改图层控件中的默认下拉菜单图标 我希望图标旁边有文字 有什么办法可以做到这一点吗 也许使用 JQuery 和 CSS 我正在开发一个基于此示例的传单项目 http leafletjs com examples layers co
  • Bootstrap 表单助手未选择完整的国家/地区名称

    我添加了引导表单助手来列出国家及其州 最初 它根本没有选择国家名称 但我设法用 jQuery 检索国家 地区名称 但它没有显示完整名称 这是表单的完整代码 div class signup form div class container
  • JQuery:如何仅在完成调整大小后调用 RESIZE 事件?

    浏览器窗口大小调整完毕后 如何调用函数 我正在尝试这样做 但遇到了问题 我正在使用 JQuery Resize 事件函数 window resize function how to call only once the browser ha
  • 用于动态字符计数的 Jasmine 单元测试用例

    任何人都可以给我编写测试用例的例子来检查是否 jquery 和 jasmine 中调用 keyup 事件中的函数 我对 jquery 和 jasmine 相当陌生 所以对这些错误感到抱歉 当用户在输入字段中输入字符时 该程序显示剩余的字符数
  • 当悬停时不透明度发生变化时,Google Chrome 中的背景会发生变化

    我使用 Jquery 设置了悬停效果 可以更改悬停元素的不透明度 它在所有最新的浏览器中都能正常工作 除了 Chrome 它会改变 body 元素的背景 这是链接 http wrong ro tataia http wrong ro tat
  • jQuery $(ui.draggable).remove() 不适用于 IE

    我可以让 IE 删除对象 只要它不是当前的可拖动对象 这适用于 Chrome 和 Firefox 我做错了什么吗 ul li class dropme One li li class dropme Two li ul div div
  • jquery 通过 div 选择复选框

    我想知道 jQuery 中是否有一种方法可以在有人单击整个 div 层时选中 取消选中复选框 本质上就像有一个巨大的选择区域 有任何想法吗 这是一个例子 我试图使复选框周围可单击以切换单个复选框 几乎如此 fieldset div div
  • FullCalendar 检查选择日是否有活动?

    我正在使用 Full Calendar js 插件 到目前为止一切顺利 但我想检查开始和结束之间的选择是否有事件 我只需要返回 true 或 false 基本上 如果日期选择中已经存在事件 我想阻止用户创建事件 var calendar c
  • 未捕获(承诺中)TypeError:无法读取 null popover.js 的属性“模板”

    当我触发时我注意到一个错误 popover dispose 当我上下滚动页面时 函数会发生错误 并且它会减慢我的页面速度 该函数按其应有的方式运行并关闭弹出窗口 但这就是错误Uncaught in promise TypeError Can

随机推荐

  • 为什么 TO_CHAR 在数字的开头添加空格(一个白色字符)?

    当我准备这个时SQL小提琴 http sqlfiddle com 4 d41d8 14785 0基于此代码 WITH l cur AS SELECT to char LEVEL 1 0000 dd FROM dual CONNECT BY
  • 我可以获得内存映射文件的路径吗? (.NET 4.0)

    我希望非 NET 应用程序访问内存映射文件 但该应用程序不知道内存映射文件的存在 所以我需要文件路径 有可能的 他们有一些样品here http msdn microsoft com en us library ms810613 aspx
  • 在 php 中输入某些条件后,某些项目不会回显

    从这个链接不同用户登录时回显问题 https stackoverflow com q 6247462 749747我之前发布的内容 我设法解决或解决了我的问题 但不知何故 出现了一个小错误 尽管我的管理页面工作正常 但我的超级管理员和其他帐
  • 如何制作动态对角视图列表

    我正在添加对角线切割布局RecyclerView 但我没有得到预期的结果 我的第二个观点start with end of first view and thats obvious 但我想要的是每个视图都是join with each ot
  • Pyspark RDD 收集前 163 行

    有没有办法在不转换为 df 的情况下获取 rdd 的前 163 行 我尝试过类似的东西newrdd rdd take 163 但这会返回一个列表 并且rdd collect 返回整个rdd 有没有办法做到这一点 或者如果没有 有没有办法将列
  • 为什么 Objective-C 在 Apple 社区之外不太受欢迎? [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi
  • 从会话中存储/检索动态对象后检索属性

    在我的 MVC 应用程序中 在控制器中 我创建了一个动态类型列表 该列表存储在会话中 然后视图尝试访问对象 但抛出异常 object does not contain a definition for a 代码 Controller Lis
  • 如何隐藏键盘 - UITextView iPhone - 通过返回键[重复]

    这个问题在这里已经有答案了 在 UITextView 中 当我们点击它时 出现键盘 但是当用户按下返回键时 通常在textView中创建一个新行 键盘应该向下 How 好的 我在 jordan 链接帮助的帮助下找到了正确的答案 在您的视图控
  • 将 OpenGL 窗口添加到 GTK 构建器中

    我正在使用 GTK 和 OpenGL 编写 C 应用程序 我有一个 GTK 构建器 它读取 XML 文件并自行构建 我需要在其中添加一个 OpenGL 窗口区域 我该怎么做呢 我这样做的方式 gtkmm C 代码 是这样的 include
  • 为什么 NodeJS 不使用 Promise 来实现 readFile API?

    在书里https pragprog com book tbajs async javascript https pragprog com book tbajs async javascript 我找到了这个 Node 的早期迭代在其非阻塞
  • Visual Studio 2010 调试器不再因错误而停止

    我今天正在开发一个 Windows 应用程序 当时我的错误不再像平常那样显示 相反 调试器只是跳出该方法 输出窗口会记录异常 但不会出现通常的弹出跟踪 它适用于其他项目 我已经把Dim i as Integer A 作为我尝试引发错误的第一
  • Android - 获取用户列表和个人资料名称

    我们可以在Android设备上创建多个用户和配置文件 例如 有一个主要用户 我还设置了一个名为 工作配置文件 的工作配置文件 使用以下 adb 命令 adb shell pm list users 我得到这个结果 用户信息 0 我的用户 1
  • 在 android 3.x 中使用 android-browser 打开本地 html-file

    对于 android 2 x 我可以使用该解决方案 browserIntent setClassName com android browser com android browser BrowserActivity 帖子中已解决 使用An
  • 将 Informix 游标转换为 MSSQL 游标

    我在 Informix 数据库中有一个游标 它是函数的一部分 我想将其转换为 MS SQL 中的游标 下面是代码 DECLARE select distinct agentname agentloginid from selected ag
  • 在 Javascript 中按大写字母分割

    我正在尝试使用 Javascript 按大写字母拆分字符串 我正在尝试做的事情的例子 HiMyNameIsBob gt Hi My Name Is Bob GreetingsFriends gt Greetings Friends 我知道s
  • 子视图控制器如何使用Parentviewcontroller中定义的方法

    我遇到的情况是 子视图控制器尝试显示多个视图控制器 并且在执行该操作时 子视图控制器需要从父视图控制器访问播放暂停操作方法 如何实现这一点 子视图控制器可以使用在父视图控制器中定义的播放暂停操作方法 该方法用于暂停音频播放器 暂停计时器和暂
  • 访问另一个项目的设置文件

    有没有办法从不同的项目访问设置文件 例如 我有一个包含 2 个项目的解决方案 我们称它们为 Proj1 和 Proj2 我想从 Proj1 中的 Program cs 访问 Proj2 的应用程序设置 这可能吗 如果您使用 C 答案是 非常
  • 无法加载资源:服务器响应状态为 503(服务不可用) favicon.ico

    我正在尝试通过 Heroku 部署我的 Node JS 站点 但不断收到此错误 无法加载资源 服务器响应状态为 503 服务不可用 favicon ico 我四处搜索并认为我应该添加以下内容到我的标题 但是我仍然收到此错误 有任何想法吗 这
  • Django-allauth:注册时发送欢迎电子邮件(无需验证)

    如何向注册 django 应用程序 使用 django allauth 的用户发送欢迎电子邮件 如果我设置ACCOUNT EMAIL VERIFICATION mandatory 它工作正常 用户会收到一封验证电子邮件 但由于我不需要任何电
  • 制作动画时,如何仅在所有元素完成时才触发回调?

    在 jQuery 中制作动画时 仅当所有元素完成动画而不是每个元素时才触发回调的最佳实践是什么 例如 someElements fadeOut fast function dont do this until ALL elements ar