重复执行fadeOut和fadeIn出现透明的情况

上周在做一些动画效果切换的时候,发现多次点击切换的时候会有透明的问题。一开始一直找不到问题,后来发现是代码重复执行,使用stop();函数可以解决此问题:

obj.parent().parent().stop(true,true).fadeOut(600,function(){obj.parent().parent().remove();});
$(selector).stop(stopAll,goToEnd);

参数

描述

stopAll

可选。规定是否停止被选元素的所有加入队列的动画。

goToEnd

可选。规定是否允许完成当前的动画。 该参数只能在设置了 stopAll 参数时使用。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏滕先生的博客

react-native 跨平台滤镜集成

4008
来自专栏Theo Tsao

Ionic3学习笔记(五)动画之使用 animate.css

animate.css 是一款强大的、跨浏览器的预设CSS3动画库,内置了很多典型的CSS3动画,兼容性好使用方便,可以应用于我们的基于Ionic3的Hybr...

2881
来自专栏Theo Tsao

Ionic3学习笔记(四)修改返回按钮文字、颜色

参考官网 Ionic API—Config 文档 可在 ./src/app/app.module.ts 中修改返回按钮文字

803
来自专栏九彩拼盘的叨叨叨

vue-router2 写法示例

做单页应用,需要客户端路由。用 Vue.js 做单页应用,一般都用 vue-router 做客户端路由。文档地址点这里。

732
来自专栏Theo Tsao

Ionic3学习笔记(十四)使用 Videogular2 实现视频播放以及遇到的一些问题

videogular2 GitHub 地址:https://github.com/videogular/videogular2

1204
来自专栏Theo Tsao

Ionic3学习笔记(二)主题化

本文包含: Ionic3 CSS实用属性、自定义颜色、平台样式、覆写Ionic Sass变量、RTL支持

1484
来自专栏h5

支付宝小程序弹窗插件开发|仿微信/android/ios弹窗效果

支付宝小程序弹窗交互组件和微信小程序弹窗功能都差不多,对功能有比较多的限制,尤其想要实现丰富一些的弹窗场景就只能自己写组件实现了。

4081
来自专栏互联网杂技

一些好用的jquery技巧

1、返回顶部按钮 通过使用jQuery中的animate 和scrollTop 方法,不用插件就可以创建一个滚动到顶部的简单动画: // Back to to...

3296
来自专栏DeveWork

WordPress自带TinyMCE编辑器相关功能增强

WordPress 默认的那个编辑器叫做TinyMCE。TinyMCE是一个轻量级的基于浏览器的所见即所得编辑器,由JavaScript写成。它对IE6+和Fi...

3065
来自专栏编程语言

xcode 真机包导入方式

将下载好的真机包复制到:/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneOS.platfo...

1093

扫码关注云+社区