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