javascript - FadeIn 和 FadeOut 效果怪异

Question

我正在使用 JQuery，我想要发生的是： div 使用fadeOut(). 然后它使用load(). 然后，一旦加载了内容，它就会淡出使用fadeIn(). 但是它不起作用，它闪烁然后加载然后加载。我认为问题是在加载完成之前发生了褪色。我看到其他人也有同样的问题，但是当我应用他们的解决方案时没有任何变化.这是我找到的解决方案的代码（当然不工作）。

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

Answer 1

你可以试试：

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")
       });
   });
});

Answer 2

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

你可以做这样的事情：

jQuery('#continutul_paginii').fadeOut("slow",myFunction)

并将你的东西加载到 myFunction 中。

更多信息在这里：

http://api.jquery.com/fadeOut/