jquery trigger 2个用法

2013-06-26 2,259 评论( 0 )

jquery的trigger函数用的好，可以节省很多时间。我觉得trigger有2个用法，还是比较实用的。一个是自定议事件，一个是最基本的触发。

<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>  
  
<script type="text/javascript">  
    $(document).ready(function () {  
        $('#button1').click(function(){  
            alert('button1');  
            $('#button2').trigger('click');     //点击1的时候，触发2  
        });  
  
        $('#button2').click(function(){  
            alert('button2');  
            $("#button3").trigger("myEvent", ["Hello","World!"]);  
        });  
  
        $("#button3").bind("myEvent", function (event, message1, message2) {  //自定议事件myevent  
          alert(message1 + ' ' + message2);  
        });  
    });  
</script>  
  
</head>  
<body style="text-align:center;">  
    <div style="margin-top:130px;">  
        <button id='button1'>click1</button>  
        <button id='button2'>click2</button>  
        <button id='button3'>click3</button>  
    </div>  
</body>  
</html>

暂无评论

写评论