为什么这个回调不能在 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();
        });

    });

想法是：

• 点击链接触发（检查！）
• “块”div 逐渐变为 0（检查！）
• 内容已关闭（检查！）
• “块”div 淡出 100 （哎呀！）

我看到的行为是 div 淡出，然后在淡出完成后立即弹出新内容。

对此有什么想法吗？

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