阅读 312

table不能使用jQuery的slideDown的解决方法

table不能使用jQuery的slideDown的解决方法


一个后台管理项目中遇到了如下场景

image-20210519115718112

要求父级栏目可以收纳子栏目,即折叠功能,而且要有过渡动画,不能太生硬。

它是用table来实现的,但是遇到的问题是 table不支持css高度

它的高度只能通过attributes的hight来设置高度,或者以其td的最大高度来决定的

这导致依靠高度来实现过度效果的slideDown\slideUp\slideToggle不会生效(因为该函数仅改变它的内联样式)

但是一定要用table,又一定要过度动画怎么办呢

没办法,只能稍微修改一下

image-20210519140938437

于是用div包裹起来

image-20210519141027843

每个div里都包含了一个table

此时只要给div加上slideToggle系的函数,就可以生效了

来源:https://www.cnblogs.com/Kay-Larry/p/14787126.html

服务器评测 http://www.cncsto.com/ 

服务器测评 http://www.cncsto.com/ 


文章分类
后端
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐