使用display和fadin()，fadeout发现的问题（待解决）

最近练习弹框效果使用到display，fadeIn()和fadeOut()
发现几个奇怪的问题

我实现的效果是，点击表格行遮罩层瞬间出现，遮罩上的子元素（也就是弹框）有一个透明度变化的过渡效果，以下我发现两个奇怪的地方

①display:block使遮罩显示时，弹框第一次的fadeIn()和fadeOut()是没有透明过渡效果的，之后再点击才会有
②在display下必须fadeIn()和fadeOut()都使用，否则这两个动画无效。(我在display:block后使用fadeIn(),关闭弹窗display:none;后使用一遍fadeOut()）

         $("#tableBody tr").click(function(){$("#dialog1").removeClass('hide-dialog')$(".detail-mess1").fadeIn('fast')})$("#t-body tr .watchBtn").click(function(){$("#dialog2").removeClass("hide-dialog")$(".detail-mess2").fadeIn('fast')getLineChart()})$("#close1").click(function(){$("#dialog1").addClass("hide-dialog")$(".detail-mess1").fadeOut('fast')//不加fadeOut，之前的fadeIn()动画会莫名失效})$("#close2").click(function(){$("#dialog2").addClass("hide-dialog")$(".detail-mess2").fadeOut('fast')})

使用display和fadin()，fadeout发现的问题（待解决）相关推荐

python上机报告出现的问题和解决方法_关于发现存在问题及解决方法的报告
关于发现存在问题及解决方法的报告尊敬的刘总: 我进入公司 2 周多, 站在质量部的角度, 对公司存在的一些问题提出疑问,并提出解决问题的参考建议: 1. 现有物料的工作流程是入库, 请验, 检验 ...
java 下载后删除,在服务器端生成文件后,下载后并删除,改了后发现文件变成空白解决思路...
当前位置:我的异常网» Java Web开发 » 在服务器端生成文件后,下载后并删除,改了后发现文件在服务器端生成文件后,下载后并删除,改了后发现文件变成空白解决思路 www.myexception ...
断网后parsec无法检测发现台式机设备的解决办法
描述:断网后parsec无法检测发现台式机设备的解决办法步骤: 重新插拔网线
w7计算机u盘在哪里,win7电脑无法发现u盘怎么解决
win7电脑无法发现u盘怎么解决 win7电脑无法发现u盘怎么解决,win7不识别u盘是比较常见到的系统问题,要解决win7电脑无法发现u盘的问题也不是不可以,只要找到问题所在就能轻松解决问题了.下面 ...
微信小程序上传后进行性手机扫码阅览发现白屏的解决
目录问题: 微信小程序上传后进行性手机扫码阅览发现白屏的解决 1.上传时没有勾选保护 2.请求的域名没有配置问题: 微信小程序上传后进行性手机扫码阅览发现白屏的解决 1.上传时没有勾选保护 ...
Mysql一些表结构字段是数据库关键字需要避开，如果发现了就需要解决
数据库关键字链接需要避开,如果发现了就需要解决 https://dev.mysql.com/doc/refman/5.7/en/keywords.html 2.解决办法: 在字段前面` 主要解决Sri ...
w7计算机打开后页面不对,win7系统打开word文档发现页码错乱的解决步骤
win7系统使用久了,好多网友反馈说win7系统打开word文档发现页码错乱的问题,非常不方便.有什么办法可以永久解决win7系统打开word文档发现页码错乱的问题,面对win7系统打开word文档发 ...
win10电脑发现不了华为share_win10无法正常发现网上邻居怎么解决_win10网上邻居看不到别的电脑解决方法...
大部分用户应该都对网络邻居有所了解,我们可以通过网上邻居直接共享文件,大部分用户应该都有使用过.也有的用户在使用网络邻居时可能会出现看不到别的电脑的情况,这个情况也是让许多用户感到烦恼的,那么win1 ...
WebSocket长连接因为网络波动而导致客户端的“假离线”---问题发现、分析到解决
文章目录简介问题的现象.场景和解决方案基本的部署架构问题是什么呢? 假离线到底是怎么来的? 验证猜想解决问题如何发现问题的呢? 客户端离线预警奇怪的现象来了该怎么去发现呢到底是谁改的 ...
深度linux没有硬盘,安装Deepin系统到硬盘分区部分没有发现硬盘数据的解决
使用华为笔记本安装Deepin系统非常的顺利,但是在使用戴尔笔记本安装Deepin的时候却不那么如意,在安装到选择语言后,进展到硬盘分区部分,却没有发现硬盘数据,如下图所示,没有任何的数据,这里就不能 ...

使用display和fadin()，fadeout发现的问题（待解决）

使用display和fadin()，fadeout发现的问题（待解决）相关推荐

最新文章

热门文章