Категории: Ядро > Доступ к объектам jQuery
Описание: Удаляет из очереди все элементы, которые еще не были выполненны.
Аргументы
clearQueue( [ имяОчереди ] )
Добавлена в версию: 1.4
имяОчереди (необязательно)
Строка, содержащая имя очереди. По умолчанию
fx, стандартная очередь эффектов.
Когда вызывается метод
.clearQueue(),
все функции в очереди, которые еще не были выполненны удаляются из очереди.
Если используется без аргумента, .clearQueue()
удаляет оставщиеся функции из fx, стандартные эффекты очереди.
В этом случае это похоже на .stop(true).
Однако, несмотря на то, что метод .stop(true)
должен быть использован только с анимацией, .clearQueue()
может быть испоользован для удаления любой функции, которая была добавленна к общей очереди jQuery с помощью метода .queue().Пример
Удаляет очередь.
$("#start").click(function () {
$("div").show("slow");
$("div").animate({left:'+=200'},5000);
$("div").queue(function () {
$(this).addClass("newcolor");
$(this).dequeue();
});
$("div").animate({left:'-=200'},1500);
$("div").queue(function () {
$(this).removeClass("newcolor");
$(this).dequeue();
});
$("div").slideUp();
});
$("#stop").click(function () {
$("div").clearQueue();
$("div").stop();
});
Пример - Полный код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<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="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
$("#start").click(function () {
$("div").show("slow");
$("div").animate({left:'+=200'},5000);
$("div").queue(function () {
$(this).addClass("newcolor");
$(this).dequeue();
});
$("div").animate({left:'-=200'},1500);
$("div").queue(function () {
$(this).removeClass("newcolor");
$(this).dequeue();
});
$("div").slideUp();
});
$("#stop").click(function () {
$("div").clearQueue();
$("div").stop();
});
});
</script>
</head>
<body>
<button id="start">Start</button>
<button id="stop">Stop</button>
<div></div>
</body>
</html>
Была ли эта информация полезной?
