.clearQueue()

.clearQueue( [queueName ] )Возвращает: jQuery

Описание: Удаляет из очереди все элементы, которые ещё не были выполнены.

версия добавлена: 1.4.clearQueue( [queueName ] )
- queueName
  
  Тип: String
  
  Строка, содержащая имя очереди. По умолчанию fx, стандартная очередь эффектов.

При вызове метода .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-3.7.0.js"></script>
</head>
<body>
 
<button id="start">Start</button>
<button id="stop">Stop</button>
<div></div>
 
<script>
$( "#start" ).on( "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" ).on( "click", function() {
  var myDiv = $( "div" );
  myDiv.clearQueue();
  myDiv.stop();
});
</script>
 
</body>
</html>

.clearQueue( [queueName ] )Возвращает: jQuery

версия добавлена: 1.4.clearQueue( [queueName ] )

Пример:

Демо: