jquery 自定义事件绑定与触发 $.one与$.bind效果对比实例

78 阅读 0 评论 52 点赞

我是靠谱客的博主着急彩虹，这篇文章主要介绍jquery 自定义事件绑定与触发 $.one与$.bind效果对比实例，现在分享给大家，希望可以做个参考。

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<mce:script language="javascript" src="jquery-1.5.js" mce_src="jquery-1.5.js" ></mce:script>
<mce:script language="javascript" ><!--
var i = 0;
var ii = 0;
$(document).ready(function(){
/** 绑定只执行一次的自定义事件 **/
$("#testUl").one('testOne',function(){
i++;
alert("i="+i);
});
/** 绑定自定义事件 **/
$("#testUl").bind("testBind",function(){
ii++;
alert("ii="+ii);
});
});
/** 事件触发
**/
function testOne()
{
$("#testUl").trigger("testOne");
}
function testBind()
{
$("#testUl").trigger("testBind");
}
// --></mce:script>
<input type="button" onclick="testOne()" value="testOne" />
<input type="button" onclick="testBind()" value="testBind" />
</BODY>
</HTML>