jQuery CSS Animate 在 Firefox、Chrome 中不工作，但在 Safari 中工作答案

【问题标题】：jQuery CSS Animate not working in Firefox, Chrome but working in SafarijQuery CSS Animate 在 Firefox、Chrome 中不工作，但在 Safari 中工作
【发布时间】：2014-01-28 05:28:25
【问题描述】：

前段时间我做了一些项目。有一天，我重新审视了那个项目，发现 jquery CSS Animation 根本不起作用！

转到网站http://goo.gl/3ZhJEI
1) 点击投资组合。
2）当你点击投资组合页面上的任何框时，它应该淡出并淡入一些东西。

它在几个月前有效。我不确定为什么它现在不起作用。奇怪的是它适用于本地的所有浏览器。它适用于在线 Safari，但不适用于在线 Firefox 和 Chrome。这非常奇怪。

我没有使用任何 CSS3 转换，所有的都是基于 jquery CSS Animate。我使用了 require-jquery.js 来加载 jquery。

其他信息
在 Firefox 26.0、Chrome 版本 32.0.1700.77、Safari 6.1 上测试

【问题讨论】：

在 Chrome 和 FF 上似乎对我来说工作正常
您好，在“投资组合”页面上，当您单击其中一个框时，它会淡出，然后应该会淡入。您有淡入的东西吗？谢谢。

标签： jquery html css jquery-animate

【解决方案1】：

我只是在 SRware Iron 版本 28 上遇到问题。对于其他浏览器，它运行良好。也许你有充分的理由不在那里使用 CSS 动画，但这是让它运行良好且没有错误的最简单方法，例如：

a img {
opacity: 1;
transition: opacity 1s;
-webkit-transition: opacity 1s;
-moz-transition: opacity 1s;
-o-transition: opacity 1s;
}

a img:hover
{
opacity :0.5;
}

【讨论】：

很奇怪。我是唯一有问题的人吗？我不能使用hover，因为它必须是onclick，因此我需要使用js :(
哦抱歉那是关于点击 x) ！但我可以告诉你，悬停在 Iron 上效果不佳，但 Onclick 似乎没问题。