jQuery Mobile API.ppt

jQuery Mobile事件 pagebeforechange pageload pageinit pagecreate pagebeforecreate pgebeforeshow pagechange pagebeforechange pagebeforehide pagehide pageshow mobileinit pagebeforeload Load Page Page Enhancements DOM “ready” complete Go to “cached” page Go to “uncached” page Page Transition jQuery Mobile页面事件 事件概览 mobileinit:在jQuery Mobile初始化时，它在document对象上触发一个mobileinit事件。绑定到mobileinit事件，然后应用对jQuery Mobile的默认配置的覆盖。 1.页面改变事件 在导航到另外一个页面时会自动在文档上触发页面改变事件。从内部运行机制来看，当调用$.mobile.changePage方法时，会触发这些事件。在该进程期间，会方法两个事件1.pagebeforechange2.依赖于页面改变的状态。当页面改变成功时，pagechange事件被触发。页面改变失败，则触发pagechangefailed事件 Pagebeforechange:在页面改变期间触发的第一个事件。回调该事件是，会传递两个参数。第一个是事件，第二个是一个数据对象。通过调用事件的preventDefault，可以取消页面改变。此外，通过检查和更新数据对象。可以覆盖页面改变。作为第二个参数传递的数据对象包含如下属性。 1.toPage(string).一个文件URL或一个jQuery集对象。与传递给$.mobile.changePage的选项相同 2.option(object).与传递给$.mobile.changePage的选项相同 例：$(document).bind(“pagebeforechange”,function(e,data){ console.log(“Change page starting…”); var toPage=data.toPage; var options=data.options; e.preventDefault(); }); pagechange:在页面成功改变之后出发的最后一个事件。回调该事件时，会传递两个参数。第一个是事件，第二个是一个数据对象。作为第二个参数传递的数据对象包含如下属性。 1.toPage(string).一个文件URL或一个jQuery集对象。与传递给$.mobile.changePage的选项相同 2.option(object).与传递给$.mobile.changePage的选项相同 例： $(document).bind(“pagechange”,function(e,data){ console.log(“Change page successfully completed…”); var toPage=data.toPage; var options=data.options; }); pagechangefailed:在页面更改失败时，会触发该事件。回调该事件时，会传递两个参数。第一个是事件，第二个是一个数据对象。作为第二个参数传递的数据对象包含如下属性。 1.toPage(string).一个文件URL或一个jQuery集对象。与传递给$.mobile.changePage的选项相同 2.option(object).与传递给$.mobile.changePage的选项相同 例： $(document).bind(“pagechangefailed”,function(e,data){ console.log(“Page change failed…”); }); 2.页面载入事件 当框架将一个页面载入到DOM中时，会在文档上触发页面载入事件。从成都来讲，当调用$.mobile.loadPage时，会触发该事件。在该进程期间，loadPage()会触发两个事件。第一个是pagebeforeload,第二个事件是pageload事件(页面载入成功时)或pageloadfailed事件(页面载入失败时) pagebeforload:页面载入期间触发的第一个事件。回调该事件时，会传递两个参数。第一个是事件，第二个是一个数据对象。可以手动处理载入逻辑。为了实现该曹硕，必须调用事件的preventDefault(),并调用延迟对象引用(deferred