本文我们来认识一下jQuery Mobile的一些属性
(注释:下面示例中的代码片段均来自1.1.0版本)
首先解释一下在jquery mobile里面的每一个view或者page的概念:
如何定义一个页面容器呢?
从前面的教程里面,你应该看过下面的代码:
其实page的配置方式很简单,但是我们下面看看源码:
//#7470 var $pages = $(":jqmData(role='page'),:jqmData(role='dialog')"); if(!$pages.length){ $pages = $("body").wrapInner("").children(0); } 说明:
1、其实data-role="dialog"的对于jquery mobile体系来讲也是算一个page大家看了前面的dialog的例子,发现它不是我们一般认为的一个传统的浮层
2、如何页面中没有定义page和dialog,体系会默认加一个 当然这种状况很少见
说了那么多,我们来看一下到底哪3个属性还是比较重要的!
1、$.mobile.pageContainer返回的是:存放page的容器,在体系中其实是body
源码部分:
//#7488行 $.mobile.pageContainer = $pages.first().parent().addClass("ui-mobile-viewport");返回的是:第一个page
源码部分:
//#7488行 $.mobile.firstPage = $pages.first();返回的是:当前处于可见的page或者dialog
源码部分:
//#3385行 $.mobile.activePage = toPage;