如何僅當前次結束時執行jquery動作

Question

 $("#show-sidebar").click(function() { 
      $(this).fadeOut("fast"); 

      $("#sidebar").animate({ 
       marginLeft: "0" 
      }, "fast"); 

      $("#content").toggleClass("full"); 
     }); 

我想要做的是，我想很簡單：對於要執行的每個動作，我需要它等待，直到前一個完成。

Answer 1

把每一個前一個動作一個回調函數中：

$("#show-sidebar").click(function() { 
    $(this).fadeOut("fast", function() { 
     $("#sidebar").animate({ 
      marginLeft: "0" 
     }, "fast", function() { 
     $("#content").toggleClass("full"); 
     }); 
    }); 
}); 

Answer 2

$("#show-sidebar").click(function() { 
     $(this).fadeOut("fast", function() { 
      $("#sidebar").animate({ 
       marginLeft: "0" 
      }, "fast", function() { 
       $("#content").toggleClass("full"); 
      }); 
     }); 
    });