FadeIn和FadeOut效果奇怪

我正在使用JQuery，我想要發生的是：div淡出使用。然後它使用load()加載來自url的內容。然後，一旦加載了內容，它就會使用fadeIn()。然而，它不起作用，它閃爍，然後加載出來然後加載。我認爲問題是在加載完成之前衰落髮生。我看到別人有同樣的問題，但是當我應用他們的解決方案時，沒有改變。這裏是我找到的解決方案的代碼（當然不工作）。FadeIn和FadeOut效果奇怪

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

來源

2013-02-14 Johny

首先，他們是 '功能'，而不是 '命令'。其次，你可以把一個jsFiddle放在一起來顯示你的HTML標記，而CSS呢？ – BenM 2013-02-14 12:04:57

你可以嘗試：

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

來源

2013-02-14 12:08:23

謝謝你，它的工作 – Johny 2013-02-14 12:25:23

fadeout函數接受一個回調函數，在轉換完成時調用。

你可以做這樣的事情：

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

而且在myFunction的加載你的東西。

更多的相關信息在這裏：

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

來源

2013-02-14 12:07:52

FadeIn和FadeOut效果奇怪

回答

相關問題