jQuery Mobile bind()方法---处理自定义事件

ParadiserD 2014-06-06

jQuery Mobile提供的自定义事件建立了超出框架原生功能的实用开发钩子,意味着我们可以拦截某些现有的事件,添加自己的自定义代码,这些事件包括touch、mouse和window事件。

1: $('div.foo').bind('click',function(e) {
 
// todo
 
});

2: $('div.foo').click(function(e) {
 
//todo
 
});

1和2的差别在于,bind方法可以同时响应多个事件。

$('div.foo').bind('mouseenter mouseleave',function(e) {
 
// todo
 
});

自定义displayMyName事件
 
$('div.foo').bind('displayMyName', function(e, myName) {
 alert("my name is: " + myName);
 });
 
$('div.foo').click(function() {
 $('div.foo').trigger('displayMyName', ['John']);
 });

jQuery Mobile 的详细介绍:请点这里
jQuery Mobile 的下载地址:请点这里

相关推荐