테스트 사이트 - 개발 중인 베타 버전입니다

jQuery.dequeue()

· 7년 전 · 2157

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>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호 제목
15935
15934
jQuery .first()
15933
15932
15931
15930
15929
15928
15924
15923
15922
15921
15920
15919
15917
15916
15915
15914
15913
15912
15911
15910
15909
15908
15907
15906
15901
15900
15899
15898