jquery mobile 基本教程

一 基本教程链接

http://www.w3school.com.cn/jquerymobile/index.asp

 

问题列表：

http://www.heiqu.com/show-193573-1.html

 

 

二  重点

 

1） 页面

 

    多个页面可以写在同一个HTML里面 相当于同一个windows 

<div data-role="page" id="pageone"> 

<div data-role="content">   

 <a href="#pagetwo">转到页面二</a>  <

/div>

</div>

<div data-role="page" id="pagetwo"> 

 <div data-role="content">   

 <a href="#pageone">转到页面一</a> 

</div>

</div>

 

当然也可以转到其他外部页面，但是默认是ajax类型的

<a href="externalfile.html">转到外部页面</a>

 

如果默认 ， data-ajax=true， 是不加载data-role="content" 以外的css, js

如果是全新的一个页面，完全不搭噶的页面，data-ajax=flase

 

2) 页面是有事件的   初始事件 显示事件  隐藏事件等等  可以在这个时候触发各种动作 调用JS等

http://www.w3school.com.cn/jquerymobile/jquerymobile_events_page.asp

 

 

3 MJQ有列表

           有单选框 多选框

           有网格

           有折叠功能

 

4 jQuery Mobile 按钮 比较有特色：

可以跳转  可以并排分布 可以加各种属性  直接有后退功能

http://www.w3school.com.cn/jquerymobile/jquerymobile_buttons.asp

 

 

5 JQM弹对话框  有各种样式 和设置

 

6 data-ajax=true的跳转，子页面可以直接给父页面的字段赋值：

 $('#'+objvalue,window.parent.document).html(objShowField);