Question

我正在创建一个包含三个部分的面板来显示一些信息并使用jQuery。

一切都在FF中完美运行，但Chrome不知何故不会为removeClass设置动画，但它会激活后来出现的addClass！

我做了一个小提琴，在FF上尝试，然后在Chrome上查看悬停操作中动画的区别：http://jsfiddle.net/cqg6r/2/

我猜这个问题就在这篇文章中：

jQuery(this).removeClass("shown", 1000);

然而，我整天都在挖掘和谷歌搜索，无法确切地知道它到底在哪里。

（请原谅我的代码是否混乱，我是新手。另外，我正在使用jQuery而不是$，因为有问题的网站在WordPress上运行。）

Answer 1

为此

使用animate

这是jsfiddle链接

jQuery(document).ready(function(){
  jQuery(".filter1, .filter2, .filter3").hover(function(){
     jQuery(this).stop().dequeue().animate({right:'0'},1000);
  }, function(){
     jQuery(this).stop().dequeue().animate({right:'-380px'},1000);
  });
});

jQuery动画不适用于chrome

1 个答案: