推迟功能之前，它启动不起作用

Question

我试图推迟一个函数，我有一个jQuery脚本启动。我提出了settimeout，但由于某种原因它没有采取，它打破了脚本的其余部分。在此先感谢您提供的任何帮助。

JS

<script type="text/javascript"> 
    $(function() { 
     $("#fullscreen_launch").click(function() { 
      $("#fullscreen").animate({ 
       height: '100%', 
       top: '0px', 
      }, 950, setTimeout(function() { 
       $('#fullscreen').load('http://www.klossal.com/portfolio/space_fullscreen.html'); 
      }, 2000); 
      }); 
     }); 
    }); 
</script> 

Answer 1

到animate最后一个参数是一个回调。 setTimeout不返回函数，它返回一个timeoutID（用于clearTimeout）。您需要将一个函数传递给animate。

$(function() { 
    $("#fullscreen_launch").click(function() { 
     $("#fullscreen").animate({ 
      height: '100%', 
      top: '0px', 
     }, 950, function() { 
      setTimeout(function() { 
       $('#fullscreen').load('http://www.klossal.com/portfolio/space_fullscreen.html'); 
      }, 2000); 
     }); 
    }); 
}); 

Answer 2

我收到了你的代码的工作，它位于：http://jsfiddle.net/VEXfJ/7/

逐步执行代码的好方法是添加警示语句。

$(function() 
{ 
    $("#fullscreen_launch").click(function() 
    { 
     alert("Clicked"); 

     $("#fullscreen").animate(
     { 
      top: 0, 
      height: 'toggle' 
     }, 5000, function() 
     { 

      alert("animate complete"); 

      setTimeout(function() 
      { 
       alert("timeout"); 
       $('#fullscreen').load('http://www.klossal.com/portfolio/space_fullscreen.html'); 
      }, 2000); 
     }); 
    }); 
});​