2009-07-05 7 views
19

スクリプトを続行する前に、jQuery関数slideUp()の終了までどのように待機できますか?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; 
    }); 
}); 

答えて

42

callback mechanismを使用して、コールバックでコードの実行を持っています。

$('#something').slideUp('fast', function() { 
    ... stuff to do after the slide is complete... 
}); 
関連する問題