标签:
trigger() 触发事件:
触发事件就是 类似于点击click, mouseover, keydown 等有动作的js事件,简单的说就是一个动作。
比如:给一个按钮添加了一个click点击事件,弹出提示框,代码如下。
var div = $(“#mybutton”); //你的按钮。 div.click(function() { 。。。);});
上面的代码就是一个按钮的click事件。这个时候你有个非分的要求,就是希望页面刷新的时候就点一下这个按钮。
如果不用trigger()你可以在后面这样写:
div.click();
如果用trigger(),你就要写成这样:效果跟上面这句是一样,就是稍微长点。
div.trigger(“click”);
如果用click 的话,它不吃参数,用trigger的话,就能吃了
实例:
<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(){//而2的点击事件触发3的myEvent事件,并给myEvent传递两个参数 alert(‘button2‘); $("#button3").trigger("myEvent", ["Hello","World!"]); }); /*定义3的myEvent事件,该事件可以任意自定义,这里自定义为函数*/ $("#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>
标签:
原文地址:http://my.oschina.net/u/2331760/blog/415429