爲什麼不在jQuery中正確解析此回調？

Question

我有這樣的代碼：

$(document).ready(function(){ 
     $(".links a").click(function(e){ 
      var toLoad = "products.html #" + this.id; 
      $('#block').fadeTo('fast',0,loadContent); 

      function loadContent() { 
        $('#block').load(toLoad,'',showNewContent()) 
       } 
      function showNewContent() { 
        $('#block').fadeTo('slow',100); 
       } 
      e.preventDefault(); 
     }); 

    }); 

的理念是：（！檢查）

• 點擊一個鏈接觸發
• 的 「塊」 格衰爲0（查看！）
• 內容切換出（檢查！）
• 的 「塊」 的div淡出回100 （哎呦！）

我看到的行爲是div淡出，然後在fadeOut完成後立即彈出新內容。

對此有何看法？

Answer 1

更改此：

function loadContent() { 
    $('#block').load(toLoad,'',showNewContent()) 
} 

到

function loadContent() { 
    $('#block').load(toLoad,'',showNewContent) 
} 

要解釋一下：你調用函數立即（並通過其不存在回報爲load()），而要作爲回調傳遞函數（而不是它返回的內容）。

注：也，fadeTo()狀態：

的不透明度（從0 的數爲1）褪色。

所以你應該改變：

function showNewContent() { 
    $('#block').fadeTo('slow',100); 
} 

到

function showNewContent() { 
    $('#block').fadeTo('slow', 1); 
}