master

分支 (2)

管理

管理

master

dev_test

web-test
/
JS队列操作.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="box"><span>测试</span></div>
	</body>
</html>
<script>
	var func1 = function(){alert('事件1');}
	var func2 = function(){alert('事件2');}
	var func3 = function(){alert('事件3');}
	var func4 = function(){alert('事件4');}

	// 入栈队列事件
	$('#box').queue("queue1", func1);  // push func1 to queue1
	$('#box').queue("queue1", func2);  // push func2 to queue1

	// 替换队列事件
	$('#box').queue("queue1", []);  // delete queue1 with empty array
	$('#box').queue("queue1", [func3, func4]);  // replace queue1

	// 获取队列事件（返回一个函数数组）
	$('#box').queue("queue1");  // [func3(), func4()]

	// 出栈队列事件并执行
	$('#box').dequeue("queue1"); // return func3 and do func3
	$('#box').dequeue("queue1"); // return func4 and do func4

	// 清空整个队列
	$('#box').clearQueue("queue1"); // delete queue1 with clearQueue
</script>