jQuery 를 사용 하여 지연 이있는 HTML 요소 의 CSS 속성 을 변경하려면 어떻게해야합니까 ?
이 시나리오를 상상해보십시오. 나는이 div
함께 bg color
파란색. 페이드 아웃하고 페이드 인하면 bg color
빨간색이 되길 원합니다 .
나는 이것을 시도했다.
$("div").fadeOut().delay(500).css("background-color","red").fadeIn();
페이드 아웃하는 동안 div는 페이드 인되기 전에 이미 색상을 빨간색으로 변경합니다. 연결된 이벤트의 순서를 따르지 않습니다. 한 줄로 어떻게 할 수 있습니까?
당신은 어떤 함수를 사용하여 애니메이션 대기열에 참여할 수 있습니다 queue
기능 :
$("div")
.fadeOut()
.delay(500)
.queue(function() {
$(this).css("background-color","red").dequeue();
})
.fadeIn();
dequeue
콜백 내의 호출에 유의하십시오 . 이것은 jQuery가 대기열에서 다음 작업을 계속하도록 지시하는 것입니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다