jQuery 动画只在 IE 中工作答案

【问题标题】：jQuery animation only working in IEjQuery 动画只在 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 > *，因为里面有内容

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

【问题讨论】：

你想要完整的 HTML 文件？
页面是flores，只是在玩那个页面中的代码....侧边栏是明显的google +东西：3
我已经尝试过 #("#a-tab > *").on('focusin', function() { 不起作用。你会在我给你的链接上看到

标签： jquery internet-explorer cross-browser jquery-animate

【解决方案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()。我希望这对你有用:)

【讨论】：

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