Javascript FadeIn和FadeOut效应

Javascript FadeIn和FadeOut效应,javascript,jquery,Javascript,Jquery,我使用的是JQuery,我想实现的是:使用fadeOut()将div淡出。然后,它使用load()从url加载内容。然后,一旦加载内容,它就会使用fadeIn()淡入淡出。但是它不工作,它会闪烁然后加载然后加载。我认为问题是在加载完成之前就发生了衰减。我看到其他人也有同样的问题,但当我应用他们的解决方案时,没有任何变化。这是我找到的解决方案的代码(当然不起作用) 淡出函数接受一个回调函数,在转换完成时调用 你可以这样做: jQuery('#continutul_paginii').fadeOut

我使用的是JQuery,我想实现的是:使用
fadeOut()
将div淡出。然后,它使用
load()
从url加载内容。然后,一旦加载内容,它就会使用
fadeIn()
淡入淡出。但是它不工作,它会闪烁然后加载然后加载。我认为问题是在加载完成之前就发生了衰减。我看到其他人也有同样的问题,但当我应用他们的解决方案时,没有任何变化。这是我找到的解决方案的代码(当然不起作用)


淡出函数接受一个回调函数,在转换完成时调用

你可以这样做:

jQuery('#continutul_paginii').fadeOut("slow",myFunction)
并在myFunction中加载您的内容

更多信息请点击此处:

您可以尝试:

jQuery('.stil_link_img a').click(function(){
   var x = jQuery(this).attr('href') + ' #continut_eco ',
   $this = jQuery('#continutul_paginii');
   $this.fadeOut("slow", function() {
       $this.load(x, function() {
           $this.fadeIn("slow")
       });
   });
});

首先,它们是“功能”,而不是“命令”。第二,您是否可以组合一个JSFIDLE来显示您的HTML标记以及CSS?
jQuery('.stil_link_img a').click(function(){
   var x = jQuery(this).attr('href') + ' #continut_eco ',
   $this = jQuery('#continutul_paginii');
   $this.fadeOut("slow", function() {
       $this.load(x, function() {
           $this.fadeIn("slow")
       });
   });
});