等到行動結束後再開始另一行動

Question

我該如何從他們之間的微小差距開始行動？

$('.html').css('width', '98%'); 
    $('.html').text("98%"); 
    $('.css').css('width', '98%'); 
    $('.css').text("98%"); 

我用.delay()試過，但不起作用。

預先感謝您的回答

Answer 1

嘗試下面的代碼之後。更改或延遲200。

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> 
<script> 
    $('.html').css('width', '98%'); 
    $('.html').text("98%"); 
    setTimeout(function() 
    { 
     $('.css').css('width', '98%'); 
     $('.css').text("98%"); 
    }, 200); 
</script> 

Answer 2

這將迫使每個函數來執行它的前一個已採空

$('.html').css('width', '98%') 
.queue(function() { 
    $('.html').text("98%") 
    .queue(function() { 
     $('.css').css('width', '98%') 
     .queue(function() { 
      $('.css').text("98%"); 
      $(this).dequeue(); 
     }); 
     $(this).dequeue(); 
    }); 
    $(this).dequeue(); 
})