수

.dequeue( [queueName ] )

· 2017-09-02 (토) 12:20:10 · 2128

.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>

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

개발자팁

5,403건

개발과 관련된 유용한 정보를 공유하세요. 질문은 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
jQuery
[jQuery]
17-09-09 조회 1,882
jQuery 17-09-09 조회 2,725
jQuery 17-09-09 조회 4,102
PHP 17-09-08 조회 6,158
기타 17-09-08 조회 2,444
기타 17-09-08 조회 2,268
기타 17-09-08 조회 2,575
jQuery 17-09-07 조회 2,170
jQuery 17-09-07 조회 1,886
jQuery 17-09-07 조회 2,666
jQuery 17-09-06 조회 2,356
jQuery
[jQuery]
17-09-06 조회 2,126
jQuery 17-09-06 조회 2,416
jQuery
[jQuery]
17-09-05 조회 1,802
jQuery
[jQuery]
17-09-05 조회 2,090
jQuery
[jQuery]
17-09-05 조회 1,788
jQuery
[jQuery]
17-09-02 조회 1,721
jQuery 17-09-02 조회 2,028
jQuery 17-09-02 조회 2,129
jQuery 17-09-01 조회 2,123
jQuery 17-09-01 조회 2,266
jQuery 17-09-01 조회 1,993
jQuery 17-08-31 조회 2,374
jQuery 17-08-31 조회 2,481
jQuery 17-08-31 조회 1,914
PHP 17-08-31 조회 3,321
jQuery 17-08-29 조회 1,908
jQuery 17-08-29 조회 2,090
jQuery 17-08-29 조회 2,175
jQuery 17-08-27 조회 2,048