jqm笔记1

===============================================================分割线=====grid==========================================================

grid-网格，jqm里面有一只布局，类似网格，所以叫网络咯。

大概是这样的。他在css定义了几个类，ui-grid-a，ui-grid-b，ui-grid-c，ui-grid-d

这个说的是，比如ui-a-grid里面定义子类选择器的宽度为50%

用html代码实现

 

得到效果

以此类推，根据css代码可以知道 ui-grid-b 分为3等宽的块 ui-grid-c为4块 ui-grid-d为5块。哦，没有e了。。。

以上。

//===============================================================分割线===panel======================================================================

 

panel使用data-role=“panel” 定义，可以根据data-position=“left”，定义在左边或者右边。

1.有个问题，panel的长度宽度都固定了，用个内嵌样式改也没效果。

2.问题，panel的默认长和你的page一样，使用内容多的是上下滚动，panel也滚动，这时候可以设置成固定模式，data-positon-fixed=“true”即可。

3.panel的弹出方式有 overlay，push，reaval，data-display="overlay，感觉overlay动画效果比较好点。