jQuery - 等到SlideUp（）結束（）

Question

如何在繼續執行腳本之前等待jQuery函數slideUp（）的結束？

<script type="text/javascript"> 
$(document).ready(function() { 
    $("div[class=item]").click(function() { 
     var id = $(this).attr("id"); 
     $("#content").slideUp(); 
     switch(id) { 
      // Applications 
      case "rampro": 
       $("#content").css("text-align", "left"); 
       $("#content").load("inc/pages/rampro.html"); 
       $("#content").slideDown(); 
       break 
      case "diskman": 
       $("#content").css("text-align", "left"); 
       $("#content").load("inc/pages/diskman.html"); 
       break 
      case "iconmap": 
       $("#content").css("text-align", "left"); 
       $("#content").load("inc/pages/iconmap.html"); 
       break 
      // Websites 
      case "benoks": 
       $("#content").css("text-align", "left"); 
       $("#content").load("inc/pages/benoks.html"); 
       break 
      case "linkbase": 
       $("#content").css("text-align", "left"); 
       $("#content").load("inc/pages/linkbase.html"); 
       break 
      case "jamesbrooks": 
       $("#content").css("text-align", "left"); 
       $("#content").load("inc/pages/jamesbrooks.html"); 
       break 
      default: 
       $("#content").css("text-align","center"); 
       $("#content").html("<h1>something went wrong, try again!</h1>"); 
     } 
     return false; 
    }); 
}); 

Answer 1

使用callback mechanism並在回調你的代碼運行。

$('#something').slideUp('fast', function() { 
    ... stuff to do after the slide is complete... 
}); 

Answer 2

slideUp（）有兩個參數。如果你傳遞一個函數作爲第二個參數，它將在動畫完成時被調用。

http://docs.jquery.com/Effects/slideUp