【问题标题】: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 似乎没问题。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2017-07-28
  • 2017-06-07
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-03-03
  • 1970-01-01
相关资源
最近更新 更多