jQuery.dequeue() 정보
jQuery jQuery.dequeue()본문
jQuery.dequeue()
설명 : 일치하는 요소의 대기열에서 다음 함수를 실행합니다.
참고 : 이 방법은 낮은 수준의 방법이므로 .dequeue()대신 사용해야 합니다.
When jQuery.dequeue()가 호출 되면 큐의 다음 함수가 큐에서 제거 된 다음 실행됩니다. 이 함수는 순서대로 (직접 또는 간접적으로) jQuery.dequeue()호출되도록해야하므로 시퀀스를 계속 진행할 수 있습니다.
예:
jQuery.dequeue ()를 사용하여 대기열이 계속 이동하도록하는 사용자 정의 대기열 기능을 종료하십시오.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery.dequeue demo</title>
<style>
div {
margin: 3px;
width: 50px;
position: absolute;
height: 50px;
left: 10px;
top: 30px;
background-color: yellow;
}
div.red {
background-color: red;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<button>Start</button>
<div></div>
<script>
$( "button" ).click(function() {
$( "div" )
.animate({ left: '+=200px' }, 2000 )
.animate({ top: '0px' }, 600 )
.queue(function() {
$( this ).toggleClass( "red" );
$.dequeue( this );
})
.animate({ left:'10px', top:'30px' }, 700 );
});
</script>
</body>
</html>
0
댓글 0개