지연 애니메이션

Question

애니메이션, 지연 및 텍스트가 동시에 어울리는 것을 이해하는 데 어려움이 있습니다 상자가 있고 상자 안의 "스포츠"라고 말한 곳에 클릭하면

테스트

상자 안쪽이 아닌 상자 밖.

일단 클릭하면 애니메이션을 사용하여 왼쪽으로 이동 상자를 이동 한 다음 애니메이션을 완료 한 다음 이동 상자를 왼쪽으로 이동 한 후 "스포츠"에서 "농구"로 상자 안의 텍스트를 변경합니다.

여기에 코드를 적어두고 지연을 사용하지 않습니다!

<div id="apDiv12"><h1 id="toptitle">sports</h1>​</div> 

---

$(document).ready(function(){ 
$("p").click(function() { 
$('#apDiv12').animate({left:"200px"},3000).delay(1000); 
$('#toptitle:contains("Profil")').text("basketball"); 

}); 

}); 

감사를 도와주세요.

Answer 1

.delay은 동일한 애니메이션 대기열에서만 작동합니다. text 변경 내용은 동일한 큐에 포함되어 있지 않습니다. 당신은 아마에서와 같이 .animate 방법의 콜백 기능을 사용하려면 :

.animate({left: "200px"}, 3000, function() { $("#toptitle" ... 

은 자세한 내용은 the documentation를 참조하십시오.

setTimeout을 사용할 수도 있습니다.