jQuery fadeOut()在特定情况下没有动画。解决办法?

jQuery fadeOut()在特定情况下没有动画。解决办法?,jquery,Jquery,我遇到了jQuery fadeOut()无法按预期工作的情况。我的测试用例是Facebook个人主页,在类text的项目上。我是通过userscripts来实现这一点的,但是我的测试用例只是在控制台中运行(我已经使用一个将jQuery加载到页面中,但是您可以使用您最喜欢的方法(粘贴它,对于chrome等等) 这里有一个演示电影:。这部电影在Chrome上显示了这个问题,但我在Firefox和Safari(都是OSX)上看到了类似的行为 我在这里使用的代码行是:$('.text').fadeOut

我遇到了jQuery fadeOut()无法按预期工作的情况。我的测试用例是Facebook个人主页,在类
text
的项目上。我是通过userscripts来实现这一点的,但是我的测试用例只是在控制台中运行(我已经使用一个将jQuery加载到页面中,但是您可以使用您最喜欢的方法(粘贴它,对于chrome等等)

这里有一个演示电影:。这部电影在Chrome上显示了这个问题,但我在Firefox和Safari(都是OSX)上看到了类似的行为

我在这里使用的代码行是:
$('.text').fadeOut()
$('.text').fadeIn()

我已经尝试了一些解决方法,例如直接设置不透明度动画,首先设置一些淡入动画,然后使用回调设置其余动画,首先设置项目的z索引,等等。我还尝试启用。没有人能改变

我猜Facebook是如何对这些元素进行编码的,因为我无法用JSFIDLE(?)重现这个问题


有没有办法让文本按预期淡出?

检查要淡出/淡出的元素,是否有过渡?如果是,fadeIn/Out将不起作用


这解决了我的问题,可能会有所帮助。

这可能会对webkit问题有所帮助<代码>显示:列表项
似乎导致了一些问题,我看不出这是如何应用的。这不是一个特定于chrome的bug,它没有设置为
display:list item
(它设置为
inline block
)。