jQuery 动画只在 IE 中工作

Posted

技术标签:

【中文标题】jQuery 动画只在 IE 中工作【英文标题】:jQuery animation only working in IE 【发布时间】:2014-08-26 15:36:35 【问题描述】:

我有一个非常简单的动画,如果我在屏幕一侧有一个标签,如果你点击它,它会增加大小。但它只适用于 IE,代码如下:

<script> 
$(function()
  $("#a-tab > *").focusin(function()
    $("#a-tab").animate(width:'320px');
  );
  $("#a-tab > *").focusout(function()
    $("#a-tab").animate(width:'10px');
  );
);
</script>

必须是#a-tab &gt; *,因为里面有内容

是问题所在,我怎样才能使它与 Chrome、Firefox 等兼容。

【问题讨论】:

你想要完整的 html 文件? 页面是flores,只是在玩那个页面中的代码....侧边栏是明显的google +东西:3 我已经尝试过 #("#a-tab &gt; *").on('focusin', function() 不起作用。你会在我给你的链接上看到 【参考方案1】:

你可以像这样尝试 sumthin:

<script> 
$(function()
  $("#a-tab > *").focusin(function()
    $("#a-tab").stop().animate(width:'320px');
  );
  $("#a-tab > *").focusout(function()
    $("#a-tab").stop().animate(width:'10px');
  );
);
</script>

只需在 .animate() 之前添加 .stop()。我希望这对你有用:)

【讨论】:

大坝,对不起,我已经解决了这个问题,但没有更新这个帖子。 没问题,可能对其他人有帮助:)

以上是关于jQuery 动画只在 IE 中工作的主要内容,如果未能解决你的问题,请参考以下文章

css3关键帧悬停动画firefox

jQuery scrollTop 在 Chrome 中不工作但在 Firefox 中工作

如何使自定义动画师在 Kotlin 中工作(动画 alpha 属性)

如何获得动画 gif 以在 WPF 中工作?

SVG 旋转动画在 IE 和 FF 中失败

jQuery `[jQuery created Element].is(":hover")` 似乎只在 Chrome 中工作