首页 > PHP资讯 > HTML5培训技术 > jQueryMobile的属性介绍

jQueryMobile的属性介绍

HTML5培训技术

本文我们来认识一下jQuery Mobile的一些属性
(注释:下面示例中的代码片段均来自1.1.0版本)
首先解释一下在jquery mobile里面的每一个view或者page的概念:
如何定义一个页面容器呢?
从前面的教程里面,你应该看过下面的代码:

//一个单独的page 
  //多个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");
2、$.mobile.firstPage

返回的是:第一个page

源码部分:

//#7488行     $.mobile.firstPage = $pages.first();
3、$.mobile.activePage

返回的是:当前处于可见的page或者dialog

源码部分:

//#3385行 $.mobile.activePage = toPage;
上一篇:jQueryajax提交表单数据
下一篇:jQuery层级选择器的使用

HTML5培训技术

本文由欣才IT学院整理发布,未经许可,禁止转载。
支持33不支持0