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

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

你可以这样做：

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

然后在myFunction中加载你的东西。

此处有更多信息：

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

FadeIn和FadeOut效果很奇怪

2 个答案: