fadeIn()函数与display属性的兼容

2017-08-03 22:38 Posted in Learn with HTML , jQuery

今天在做需求的时候遇到了一个问题

有一个元素需要加上一个淡入淡出的动画，很自然的想到使用fadeIn(),fadeOut(),或者fadeToggle()来实现，但这个元素同时必须具有display: inline-block的属性，不然整个模块的布局就会乱掉。

那么问题来了，jQuery的fadeIn()函数默认会给元素加上display: block的属性，导致排版冲突。

其实解决的方法很简单，只要在调用了fadeIn()函数的元素后加上css('display', 'inline-block')语句就可以了。

例如：

$(".pseudoElement").fadeIn().css("display", "inline-block");

BlueBreeze