JQuery | 事件 | one() 方法
当使用 one() 方法时，每个元素只能运行一次事件处理器函数。
语法：
$(selector).one(event,data,function)
event： 规定添加到元素的一个或多个事件。 由空格分隔多个事件。必须是有效的事件。
data: 可选。规定传递到函数的额外数据。
function: 必需。规定当事件发生时运行的函数。
示例：
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>其他事件one</title> 5 <script type="text/javascript" 6 src="Jscript/jquery-1.4.2-vsdoc.js"> 7 </script> 8 <script type="text/javascript" 9 src="Jscript/jquery-1.4.2.js"> 10 </script> 11 <style type="text/css"> 12 .btn {border:#666 1px solid;padding:2px;width:160px; 13 filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff, EndColorStr=#ECE9D8);} 14 </style> 15 <script type="text/javascript"> 16 $(function() { 17 function btn_Click() { //自定义事件 18 $("#divTip").append("<div>点击查看联系方式2 : 010-12345678</div>"); 19 } 20 21 $("#Button").one("click", btn_Click); //绑定自定义事件 22 23 24 function oClick1() { //自定义事件 25 $("#divTip").append("<div>点击查看联系方式1 : 010-12345678</div>"); 26 } 27 $("#Button1").bind("click",oClick1); 28 29 }) 30 </script> 31 </head> 32 <body> 33 34 <input id="Button" type="button" value="点击查看联系方式" class="btn" /> 35 <input id="Button1" type="button" value="点击查看联系方式1" class="btn" /> 36 37 <div id="divTip" style="padding-top:10px"></div> 38 </body> 39 </html>
