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

.dequeue( [queueName ] )

· 8년 전 · 1644

.dequeue( [queueName ] )

설명 : 일치하는 요소에 대해 대기열에서 다음 함수를 실행합니다.


.dequeue ([queueName])

queueName

유형 : 문자열

대기열의 이름을 포함하는 문자열. 기본값 fx은 표준 효과 대기열입니다.


예:

dequeue를 사용하여 큐가 계속 이동하도록하는 사용자 정의 큐 기능을 종료하십시오.


<!doctype html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <title>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();

    })

    .animate({ left:"10px", top:"30px" }, 700 );

});

</script>

 

</body>

</html>

댓글 작성

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

로그인하기

게시글 목록

번호 제목
15819
15818
15817
15816
15815
15814
15813
15812
15811
15810
15809
15808
15807
15806
15805
15804
15803
15802
15801
15800
15799
15798
15797
15796
15792
15791
15790
15789
15788
15787