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

제이쿼리 .clearQueue ([queueName])

수다왕
프로필 보기이 회원 글보기
 · 8년 전 · 1308

제이쿼리 .clearQueue ([queueName])


설명 : 아직 실행되지 않은 모든 항목을 대기열에서 제거하십시오.


.clearQueue()메소드가 호출되어 실행되지 않은 대기열에 모든 함수는 큐로부터 제거된다. 인수없이 사용 하면 표준 효과 대기열 .clearQueue()에서 나머지 기능을 제거합니다 fx. 이 방법으로 그것은 비슷합니다 .stop(true). 그러나이 .stop()메소드는 애니메이션과 함께 사용하기위한 것이지만 메소드를 사용 .clearQueue()하여 일반 jQuery 대기열에 추가 된 모든 함수를 제거하는 데에도 사용할 수 있습니다 .queue().


예:

대기열을 비우십시오.




<!doctype html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <title>clearQueue demo</title>

  <style>

  div {

    margin: 3px;

    width: 40px;

    height: 40px;

    position: absolute;

    left: 0px;

    top: 30px;

    background: green;

    display: none;

  }

  div.newcolor {

    background: blue;

  }

  </style>

  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>

</head>

<body>

 

<button id="start">Start</button>

<button id="stop">Stop</button>

<div></div>

 

<script>

$( "#start" ).click(function() {

  var myDiv = $( "div" );

  myDiv.show( "slow" );

  myDiv.animate({

    left:"+=200"

  }, 5000 );

 

  myDiv.queue(function() {

    var that = $( this );

    that.addClass( "newcolor" );

    that.dequeue();

  });

 

  myDiv.animate({

    left:"-=200"

  }, 1500 );

  myDiv.queue(function() {

    var that = $( this );

    that.removeClass( "newcolor" );

    that.dequeue();

  });

  myDiv.slideUp();

});

 

$( "#stop" ).click(function() {

  var myDiv = $( "div" );

  myDiv.clearQueue();

  myDiv.stop();

});

</script>

 

</body>

</html>

목록
이전글 다음글

댓글 작성

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

로그인하기

게시글 목록

번호 제목
15854
jQuery deferred.catch( failFilter )
15853
jQuery deferred.always (alwaysCallbacks [, alwaysCallbacks])
15852
jQuery .dblclick (handler)
15851
jQuery 제이쿼리 .data()
15849
jQuery .css (propertyName)
15848
jQuery .contextmenu( handler )
15847
jQuery .contents()
15843
PHP php 구글 OTP 연동 테스트 하던 자료 9
15842
jQuery jQuery ( ": contains (text)")
15841
jQuery .closest (selector)
15840
jQuery .clone( [withDataAndEvents ] )
15839
jQuery 제이쿼리 .click( handler )
15838
jQuery 제이쿼리 .clearQueue ([queueName]) 현재글
15837
jQuery 제이쿼리 jQuery( ".class" )
15836
jQuery 제이쿼리 .children ([selector])
15835
jQuery 제이쿼리 jQuery ( ": checkbox")
15834
jQuery 제이쿼리 .change( handler )
15833
jQuery 제이쿼리 callbacks.remove( callbacks )
15832
jQuery 제이쿼리 callbacks.locked ()
15831
jQuery 제이쿼리 callbacks.lock()
15830
jQuery 제이쿼리 callbacks.has ([callback])
15829
jQuery 제이쿼리 callbacks.fireWith ([context] [, args])
15828
jQuery 제이쿼리 callbacks.fired()
15826
jQuery 제이쿼리 callbacks.fire (arguments)
15825
jQuery 제이쿼리 callbacks.fire (arguments)
15824
jQuery 제이쿼리 callbacks.empty()
15823
PHP rsa 암호화 클래스
15822
jQuery 제이쿼리 callbacks.disable ()
15821
jQuery 제이쿼리 callbacks.add( callbacks )
15820
jQuery 제이쿼리 .blur( handler )
이전 다음
전체 목록