实例代码 复制代码 代码如下: trigger it <BR>(function($) { <BR>//demo1 <BR>$("#demo").bind("demo-trigger", function(e, args) { <BR>var info = []; <BR>//对应的我们从args参数中获取数据 <BR>for(var prop in args) { <BR>info.push(prop + ":" + args[prop]); <BR>} <BR>this.innerHTML = info.join(';'); <BR>}); <BR>$('#btn').click(function() { <BR>// 我们把数据作为一个参数和我们关心的事件名一起传入trigger方法 <BR>$('#demo').trigger('demo-trigger', { <BR>name:'Andrew', <BR>age: '23', <BR>job: 'FrontEnd Dev' <BR>}); <BR>}); <br><br>/**demo2 <BR>$("#demo").bind("demo-trigger", function(e) { <BR>var info = []; <BR>//我们通过传入的e.extra来获取我们传入的数据 <BR>for(var prop in e.extra) { <BR>info.push(prop + ":" + e.extra[prop]); <BR>} <BR>//展现出来 <BR>this.innerHTML = info.join(';'); <BR>}); <BR>$('#btn').click(function() { <BR>//这个用法很有意思 我们new一个jQuery Event对象 参数为我们关心的事件名 <BR>var event = new jQuery.Event("demo-trigger"); <BR>//给这个event附加一个属性 包含我们的数据 <BR>event.extra = { <BR>name:'Andrew', <BR>age :'23', <BR>job :'FrontEnd Dev' <BR>}; <BR>//最后把event传入trigger方法 ...看上面的$('#demo')..... <BR>$('#demo').trigger(event); <BR>});**/ <BR>})(jQuery); <BR>
