實例代碼
代碼如下:
<body>
<div id="demo"></div>
<button id="btn" >trigger it</button>
<script type="text/javascript">
(function($) {
//demo1
$("#demo").bind("demo-trigger", function(e, args) {
var info = [];
//對應的我們從args參數中獲取數據
for(var prop in args) {
info.push(prop + ":" + args[prop]);
}
this.innerHTML = info.join(';');
});
$('#btn').click(function() {
// 我們把數據作為一個參數和我們關心的事件名一起傳入trigger方法
$('#demo').trigger('demo-trigger', {
name:'Andrew',
age: '23',
job: 'FrontEnd Dev'
});
});
/**demo2
$("#demo").bind("demo-trigger", function(e) {
var info = [];
//我們通過傳入的e.extra來獲取我們傳入的數據
for(var prop in e.extra) {
info.push(prop + ":" + e.extra[prop]);
}
//展現出來
this.innerHTML = info.join(';');
});
$('#btn').click(function() {
//這個用法很有意思 我們new一個jQuery Event對象 參數為我們關心的事件名
var event = new jQuery.Event("demo-trigger");
//給這個event附加一個屬性 包含我們的數據
event.extra = {
name:'Andrew',
age :'23',
job :'FrontEnd Dev'
};
//最後把event傳入trigger方法 ...看上面的$('#demo').....
$('#demo').trigger(event);
});**/
})(jQuery);
</script>
</body>