首页 > Web开发 > 详细

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

时间:2021-05-20 00:00:59      阅读:20      评论:0      收藏:0      [点我收藏+]

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


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

技术分享图片

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

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

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

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

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

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

技术分享图片

于是用div包裹起来

技术分享图片

每个div里都包含了一个table

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

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

原文:https://www.cnblogs.com/Kay-Larry/p/14787126.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!