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

  1. 云栖社区>
  2. 博客>
  3. 正文

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

cometwo123 2016-03-26 00:11:00 浏览1063
展开阅读全文
<!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>

网友评论

登录后评论
0/500
评论
cometwo123
+ 关注