jqueryclearQueue방법


  번역 결과:

clear

English [klə(r)]

adj. 명확하다, 명확하다, 밝다

vi.

vt.제거하다, 깨끗하게 하다

n.틈, 공간

英[kju:] 美[kju]

n. 대기열, 대기열; vi. (사람, 차량 등) 줄을 서서 기다리세요

vt. 줄을 서서 기다리세요

jqueryclearQueue방법통사론

Function: clearQueue() 메소드는 대기열에서 아직 실행되지 않은 모든 기능을 중지합니다. stop() 메서드(애니메이션에만 작동)와는 달리, ClearQueue()는 대기열에 있는 모든 함수(.queue() 메서드를 통해 일반 jQuery 대기열에 추가된 모든 함수)를 지웁니다.

구문: ​​$(selector).clearQueue(queueName)

매개변수:

매개변수 Description
queueName선택 사항입니다. 중지할 큐의 이름을 지정합니다. 기본값은 표준 효과 대기열인 "fx"입니다.

jqueryclearQueue방법예

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){
  $("#start").click(function(){
    $("#box").animate({height:300},"slow");
    $("#box").animate({width:300},"slow");
    $("#box").queue(function () {
      $(this).css("background-color","red");  
      $(this).dequeue();
    });
    $("#box").animate({height:100},"slow");
    $("#box").animate({width:100},"slow");
  });
  $("#stop").click(function(){
    $("#box").clearQueue();
  });
});
</script>
</head>
<body>

<p><button id="start">Start Animation</button><button id="stop">Stop Animation</button></p>
<div id="box" style="background:#98bf21;height:100px;width:100px;position:relative">
</div>
</body>
</html>
인스턴스 실행 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

비디오

Q&A