Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery动画不适用于chrome_Jquery_Jquery Ui_Google Chrome - Fatal编程技术网

jQuery动画不适用于chrome

jQuery动画不适用于chrome,jquery,jquery-ui,google-chrome,Jquery,Jquery Ui,Google Chrome,我正在制作一个包含三个部分的面板来显示一些信息,并使用jQuery来实现这一点 一切都在FF中完美运行,但Chrome不知何故并没有为removeClass设置动画,但它会为稍后出现的addClass设置动画 我做了一把小提琴,在FF和Chrome上试一下,看看悬停动作中动画的不同: 我猜问题出在这篇文章中: jQuery(this).removeClass("shown", 1000); 然而,我整天都在挖掘和谷歌搜索,看不到它到底在哪里 (如果我的代码凌乱,请原谅,我是个新手。另外,我正

我正在制作一个包含三个部分的面板来显示一些信息,并使用jQuery来实现这一点

一切都在FF中完美运行,但Chrome不知何故并没有为removeClass设置动画,但它会为稍后出现的addClass设置动画

我做了一把小提琴,在FF和Chrome上试一下,看看悬停动作中动画的不同:

我猜问题出在这篇文章中:

jQuery(this).removeClass("shown", 1000); 
然而,我整天都在挖掘和谷歌搜索,看不到它到底在哪里

(如果我的代码凌乱,请原谅,我是个新手。另外,我正在使用jQuery而不是$,因为所讨论的网站是在WordPress上运行的。)

请使用动画

这里是链接


所有动画都在我的Chrome浏览器上工作。使用F12打开Chrome调试器并检查控制台,查看是否有任何错误。我也尝试过使用这两种浏览器,它对我来说工作正常。它工作正常,但与应该的情况不同。面板应该缓慢打开和关闭,现在它们快速打开,只是缓慢关闭。你必须在FF上检查一下,看看有什么不同…Niiice。我知道你在这里做了什么,但我自己从来没有想过。我还需要学习很多东西。非常感谢!:)您可以使用$sign而不是jQuery。。(函数($){//your code})(jQuery);把你所有的代码都放在这个n中,如果你想使用$。。
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);
  });
});