jQuery的回调支持

最新推荐文章于 2023-11-17 06:18:28 发布

Owen William

最新推荐文章于 2023-11-17 06:18:28 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： jQuery 文章标签： jquery web开发 javascript

本文链接：https://blog.youkuaiyun.com/owen_william/article/details/51339863

jQuery 专栏收录该内容

11 篇文章

订阅专栏

1.前言

jQuery提供了以下方法来创建Callbacks对象。

jQuery.Callbacks(flags):根据创建的flags创建并返回Callsbacks对象，Callbacks对象代表一个回调函数列表。

得到回调函数列表之后，就接下来可以利用该回调函数列表来管理回调函数了。

2.例子

<!DOCTYPE html>
<html>
<head>
	<meta name="author" content="OwenWilliam />
	<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
	<title> 回调支持 </title>
</head>
<body>
<script type="text/javascript" src="../jquery-1.8.0.js">
</script>
<script type="text/javascript">
	// 定义两个简单的函数
	function fn1(value)
	{
		document.writeln("fn1函数输出：" + value + "<br />");
	}
	function fn2(value)
	{
		document.writeln("fn2函数输出：" + value + "<br />");
		return false;
	}
	// 创建一个回调函数列表
	var callbacks = $.Callbacks();
	// 向回调函数列表中添加第一个回调函数
	callbacks.add(fn1);
	// 触发回调函数列表中的所有回调函数（只有fn1被触发）
	callbacks.fire("Ajax");
	// 再次向回调函数列表中添加一个回调函数
	callbacks.add(fn2);
	document.writeln("<hr/>");
	// 触发回调函数列表中的所有回调函数（fn1、fn2被触发）
	callbacks.fire("~~Java~~");
	// 从回调函数列表中删除fn1函数
	callbacks.remove(fn1);
	document.writeln("<hr/>");
	// 触发回调函数列表中的所有回调函数（只有fn2被触发）
	callbacks.fire("fkjava.org");
</script>
</body>
</html>